/*
Theme Name: it-services
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

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

/*======= Common CSS =======*/
p{font-size:16px; line-height:24px; color:#333;  font-family: 'Open Sans', sans-serif; }
h1{}
h2{font-size:66px; font-weight:300; line-height:60px;}
h3{font-size:60px; font-weight:700; color:#fff;}
h4{font-size:60px; font-weight:700;}
h6{font-size:20px; font-weight:700;}

a:hover, a:focus{text-decoration:none; color:inherit;}
#header{width:100%; background:#333333; border-top: solid 5px #e60000;float: left;}
.logo{float:left; padding:13px 0;}
#header .container{ position:relative;}
.navigation{width:auto; float:right; margin-top:23px;}
.navigation ul{width:auto; float:left;}
.navigation ul li{float:left; padding-left:20px; position: relative;}
.navigation ul li a{font-size:15px;color:#fff; text-transform:uppercase; display:block; line-height:84px; font-family: 'MyriadPro-Regular';}
.navigation ul li.active a, .navigation ul li a:hover{color:#e60000;}

.navigation ul li.current-menu-item a{color:#e60000;}
.navigation ul li ul {display: none; padding:0px;}
.navigation ul li:hover ul {display: block; background:#333333; float: left; left:-20px; width:210px; position: absolute; z-index:10; padding:0px; top:85px;}
.navigation ul li:hover ul li{width:210px; float:left; border-bottom:solid 1px #474747; background:none; font-weight:normal; padding:0px;}
.navigation ul li:hover ul li a{color:#fff; display:block; line-height: normal; padding:10px; font-size:14px;}
.navigation ul li:hover ul li a:hover{color:#cfeaf6; display:block; background:#e60000;}

div.wpcf7-validation-errors{position: absolute; bottom: -32px; right: 15px;  max-width: 300px !important;}

.remote_support {  background: rgba(0, 0, 0, 0) url("../images/remote-support-btn.png") no-repeat scroll center top / 100% auto;
  height: 40px;  line-height: 40px;  position: absolute;  right: 0;  top: -5px;  width: 179px;}

.remote_support a {  color: #ffffff;  display: block;  font-size: 12px;  padding: 3px 7px 5px;  text-align: center;  text-decoration: none;  text-transform: uppercase;
}
.helplogin {  color: #ffffff;  position: absolute;  right: 180px; font-size:12px; padding: 3px 5px 5px; }
.helplogin a {  color: #ffffff;  font-size: 12px;  padding: 3px 5px 5px;  text-transform: uppercase;}
.remote_support a:hover{ color:#e60000;}
.banner{width:100%; float:left; position:relative; background: no-repeat center top; background-size: cover; min-height:455px;}
.banner_txt {
    margin: 0 auto;
    max-width: 870px;
    padding-top: 122px;
    
}
.outerbanner {
  float: left;
  width: 100%;
}

.banner_txt h1{font-family: 'BrandonGrotesque-Light'; font-size:58px; color:#fff; text-align:center; line-height:normal;}
.banner_txt h1 span{ font-size:21px; font-weight:300; display:block; font-family: 'Open Sans', sans-serif; padding-top:10px;}

.welcome_section{background:#f2f2f2; float:left; padding:55px 0 70px 0; width:100%;}
.welcome_section .fixed{ max-width:960px; margin:0 auto;}
.welcome_section h2{ font-size:42px; color:#000; text-align:center; font-family: 'BrandonGrotesque-Light'; margin-bottom:20px;}
.welcome_section h2 span, .ul_list_style h4 span, .ul_list_style h3 span{ color:#e60000;}
.welcome_section  p{ color:#333333; text-align:center; font-size:16px; line-height:24px;}
.welcome_section .readmorebtn{ width:164px; margin:50px auto 0 auto;}
.welcome_section .readmorebtn a{ text-align:center; width:164px; color:#fff; font-size:18px; line-height:45px; display:block; background:#e60000;}
.welcome_section .readmorebtn a:hover{ background:#1e1c1c;}

.banner_contact{ width:100%; float:left;}
.banner_contact ul{width:100%; text-align:center; float:left; margin-top:40px;}
.banner_contact ul li{font-size:20px; color:#fff; font-weight:300; display: inline-block; margin:0 10px;    line-height: 38px;}
.banner_contact ul li a{text-decoration:none; color:#fff; font-weight:300;}
.banner_contact ul li a:hover{ color:#e60000;}
.banner_contact ul li i{ float:left; margin-right:20px;}

.services{width:100%; float:left; padding:50px 0 30px 0;}
.services h3{ font-size:42px; font-family: 'BrandonGrotesque-Light'; font-weight:300; color:#000000; text-align:center; margin-bottom:40px;}
.services h3 span{ color:#e60000;}
.services h4{ font-size:28px; font-family: 'BrandonGrotesque-Light'; margin-bottom:10px; color:#000; font-weight:300;}
.services p{ font-size:15px; color:#666666; line-height:24px; padding:0 0 10px 0;}
.services p a{ font-size:16px; color:#e60000;}
.services p a:hover{text-decoration:underline; color:#1e1c1c;}
.services_cta{ width:100%; float:left; padding:18px 0 18px 0;}
.services_cta .col-lg-9{padding-right:0px !important;}

#footer{width:100%; background:#1e1c1c; float:left; padding:45px 0 0 0;}
#footer h5{font-size:30px; color:#fff; font-weight:300; margin-bottom:24px;}
#footer .menu{ width:100%; float:left;}
#footer .menu ul{ width:100%; float:left; padding:5px 0;}
#footer .menu ul li{font-size:15px; color:#908f8f; float:left; position:relative; padding:0 18px;}
#footer .menu ul li:first-child{ padding-left:0px;}
#footer .menu ul li:last-child:after{ display:none;}
#footer .menu ul li:after{ font-size:14px; color:#908f8f; content:"|"; position:absolute; right:-5px; top:2px;}
#footer .getintouch ul, #tab_cont #footer .getintouch ul{ width:100%; float:left; padding-top:5px;}
#footer .getintouch ul li, #tab_cont .getintouch ul li{ width:100%; margin-bottom:8px; float:left;}
#footer .getintouch ul li:last-child, #tab_cont .getintouch ul li:last-child{margin-bottom: 0; margin-top: 10px;}
#footer .textbox, #tab_cont .textbox{width:100%; border:solid 1px #afafaf; background:#e4e4e4; font-size:13px; color:#333333; height:31px; padding:0 10px;}
#footer textarea, #tab_cont textarea{width:100%; border:solid 1px #afafaf; background:#e4e4e4; font-size:13px; color:#333333; height:55px; padding:5px 10px 0 10px;}
#footer .capthca, #tab_cont .capthca{ float:left; width:48%;}
#footer .btnsubmit, #tab_cont .btnsubmit{width:85px; float:right;position: relative;}
#footer .btnsubmit input[type="submit"], #tab_cont .btnsubmit input[type="submit"]{background:#e60000; border:none; width:100%; height:34px; font-size:16px; color:#fff; cursor:pointer;}
#footer .btnsubmit input[type="submit"]:hover, #tab_cont .btnsubmit input[type="submit"]:hover{ background:#fff; color:#000;}
#footer .menu ul li a{color:#908f8f;}
#footer .menu ul li a:hover{color:#bf0606;}
#footer h5 i{ float:left; margin-right:10px;}
#footer h6{font-size:22px; color:#e60000; font-weight:600; font-family: 'BrandonGrotesque-Light'; margin-top:10px; margin-bottom:5px;}
.support_services{width:100%; float:left; margin-bottom:7px;}
.copyright{width:100%; float:left; background:#333333; font-size:14px; text-align:center; color:#fff; padding:15px 0; margin-top:50px}
/*.dummy{	color: white;}*/
div.wpcf7-response-output {    margin: 0.3em -0.5em -0.9em;    padding: 0.2em 1em;}
.services_cta p a {    color: red;}
.services_cta h4{  font-size: 28px;    font-family: 'BrandonGrotesque-Light' !important;    margin-bottom: 10px;    color: #000;    font-weight: 300;}
.logo img{	border: 0 none;    height: auto!important;    max-width: 100% !important;    vertical-align: middle;    transition: all 0.5s ease-in-out 0s;}
.banner_txt br{display: none;}
div.wpcf7 .btnsubmit .ajax-loader{    position: absolute;    top: 6px; }
div.wpcf7-response-output {    float: left;    width: 91%;    margin-left: 0;    margin-right: 0;}   
div.wpcf7-validation-errors {    color: #f00;    border-color: #f00;}
.services p:last-child {    padding-bottom: 0;}
.capthca img{ width: 65px;height: 23px;}
.vc_column_container>.vc_column-inner {    box-sizing: border-box;     padding-left: 0px!important;      padding-right: 0px!important;    width: 100%; margin-bottom: -24px!important;}
div.wpcf7 .ajax-loader{margin: 0px!important;}
.vc_column_container {    padding-left: 15px!important;    padding-right: 15px!important;}
.services_cta {    width: 100%;    float: left;    padding: 18px 0 18px 0;}
span.wpcf7-not-valid-tip {    color: #f00;    font-size: 10px;    font-weight: normal;    display: block;}
div.wpcf7-validation-errors {    border: 1px solid #f7e700; color: #f00;    border-color: #f00;    font-size: 10px;}


span.get-touch::before {
    content: "";
    background: url("../images/chat.png")no-repeat;
    height: 38px;
    width: 45px;
    float: left;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 3px 6px;
    vertical-align: middle;
}
legend {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: currentcolor currentcolor #e5e5e5;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 1px;
  color: #333333;
  display: block;
  font-size: 21px;
  line-height: inherit;
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
}
#loginBox input[type="text"],#loginBox input[type="password"]{
  background-color: #ffffff!important;
  border: 1px solid #cccccc!important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset!important;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s!important;
   border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 30px!important;
    line-height: 20px!important;
    margin-bottom: 10px!important;
    padding: 3px 6px!important;
    vertical-align: middle;
    width: 100%!important;
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-skin {
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 4px;
    color: #444444;
    position: relative;
    text-shadow: none;
}

#loginBox input[type="submit"] {
  background: #e60000;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  height: 34px;
  width: 100%;
}

.fancybox-skin {
  width: 280px!important;
}
.fancybox-outer, .fancybox-inner {
  position: relative;
  width: 250px!important;
}
.ul_list_style a,.ul_list_style a span {
    color: #e60000 !important;
}
.ul_list_style a:hover, .ul_list_style a:hover span {
    text-decoration: underline !important;
    color: #1e1c1c !important;
}

body.page .navigation ul li:hover ul{top: 69px;}
.navigation li.current-menu-item  a, .navigation li.current-menu-ancestor a{color: #e60000;}
.navigation ul li ul li.current-menu-item a{color: #cfeaf6;background: #e60000;}

.ul_list_style #tab_cont ul{list-style-image:none;padding-left: 0;}

#tab_cont .btnsubmit input[type="submit"]:hover{background: #000; color: #fff;}
.ul_list_style h1{font-size: 42px !important; color: #000; margin: 0px 0px 20px 0 !important;}
.inner_page .slides_control img {width: 100%; height: 450px; }
iframe .ActionPanel h2{color: #e60000 !important;}
.ul_list_style a.readmorebtn{ text-align:center; width:164px; color:#fff !important; font-size:18px; line-height:45px; display:block; background:#e60000;}
.ul_list_style a.readmorebtn:hover{ background:#1e1c1c;}