@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);

/* ---------------- ie fIX ----------------*/
.animated { opacity: 1; }

/* ---------------- ie fIX ----------------*/
::-webkit-scrollbar { width: 0.8em; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
::-webkit-scrollbar-thumb { background-color: #111; outline: 1px solid #ddd; border-radius: 20px; }
::-webkit-scrollbar-thumb:hover { background-color: #d9534f; outline: 1px solid #ddd; }
* { font-family: 'Heebo', sans-serif; }
/*p { line-height: 2em; }*/
.red { color: #AD0424; }
body { overflow-x: hidden; }
#loading_wrapper { float: left; width: 100vw; height: 100vh; overflow: hidden; position: relative; }
.tri_wrapper { position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -25px; }
.tri1, .tri2 { display: inline-block; float: left; width: 30px; height: 30px; }
.tri1 { margin-right: -4px; }
.tri2 { margin-left: -4px; }
.top_fixed_header { width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; }
.top_para { margin-top: 20px; text-align: right; -webkit-transition: font-size 300ms; -moz-transition: font-size 300ms; -ms-transition: font-size 300ms; -o-transition: font-size 300ms; transition: font-size 300ms; }
.top_heading { text-align: right; font-weight: bold; /*font-size: 1.5em;*/ margin-top: 10px; -webkit-transition: font-size 300ms; -moz-transition: font-size 300ms; -ms-transition: font-size 300ms; -o-transition: font-size 300ms; transition: font-size 300ms; }
.smaller .top_para { font-size: .9em; line-height: 14px; }
.smaller .top_heading { font-size: 1.2em; line-height: 20px; }
header { margin: 10px 0; float: left; width: 100%; height: 60px; -webkit-transition: height 50ms ease-in-out; -moz-transition: height 50ms ease-in-out; -ms-transition: height 50ms ease-in-out; -o-transition: height 50ms ease-in-out; transition: height 50ms ease-in-out; }
header img.advans_logo { height: 55px; margin-top: 5px; -webkit-transition: height 300ms; -moz-transition: height 300ms; -ms-transition: height 300ms; -o-transition: height 300ms; transition: height 300ms; }
header img.computerVault_logo { height: 64px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
/*header img.vault_logo { height: 40px; margin-top: 10px; -webkit-transition: height 300ms; -moz-transition: height 300ms; -ms-transition: height 300ms; -o-transition: height 300ms; transition: height 300ms; }*/
header img.demo_logo { height: 64px; -webkit-transition: height 300ms; -moz-transition: height 300ms; -ms-transition: height 300ms; -o-transition: height 300ms; transition: height 300ms; }
header img.np_logo { height: 60px; -webkit-transition: height 300ms; -moz-transition: height 300ms; -ms-transition: height 300ms; -o-transition: height 300ms; transition: height 300ms; }
header.smaller { height: 40px; }
header.smaller img.advans_logo { height: 37px; margin-top: 4px; }
header.smaller img.computerVault_logo { height: 50px; margin-top: -3px; }
/*header.smaller img.vault_logo { height: 30px; margin-top: 6px; }*/
header.smaller img.np_logo { height: 45px; margin-top: -2px; }
header.smaller img.demo_logo { height: 45px; }
#overlay { width: 100%; height: auto; position: fixed; z-index: 99999; top: 0; left: 0; bottom: 0; right: 0; background: #fff; transition: 1s 0.4s; }
#progress { display: none; }
#progstat { color: #000; display: none; }

#video_tab_content img { cursor: pointer; }
#video_tab_content .youtube_icon { transition: .5s ease; opacity: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: ranslate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #cc181e; background: url(../img/youtube.png) center center no-repeat; width: 64px; height: 64px; cursor: pointer; }


.p-0 { padding: 0px; }
.demoBtn { padding: 16px 30px; }
.demoBtnDiv { margin: 5px 0px; }
header.smaller .demoBtn { padding: 7px 25px; }

/* .background_wrapper { animation: animatedBackground 40s ease-in-out infinite; -moz-animation: animatedBackground 40s ease-in-out infinite; -webkit-animation: animatedBackground 40s ease-in-out infinite; -ms-animation: animatedBackground 40s ease-in-out infinite; -o-animation: animatedBackground 40s ease-in-out infinite; } */
.bg_img_home { background: url('../img/bg-01.jpg') no-repeat center center; background-attachment: fixed; background-size: 1920px !important; }
.thumb_img { height: 200px; overflow: hidden; width: 100%; position: relative; }
.thumb_img img { transition: all 0.5s ease-in-out; }
.thumbs_wrapper { margin: 50px 0 30px; }

/* .thumbs_wrapper:hover .thumb_img img { -moz-transform: scale(3) translateX(40px) translateY(-20px); -webkit-transform: scale(3) translateX(40px) translateY(-20px); -o-transform: scale(3) translateX(40px) translateY(-20px); -ms-transform: scale(3) translateX(40px) translateY(-20px); transform: scale(3) translateX(40px) translateY(-20px); transition: all 0.5s ease-in-out; } */
.thumb_img h3 { position: absolute; top: 35%; text-align: center; width: 100%; color: #fff; letter-spacing: 0.5px; opacity: 0; transform: scale(0); transition: all 0.5s ease-in-out; }
.thumbs_wrapper:hover .thumb_img h3 { opacity: 1; transform: scale(1.1); transition: all 0.5s ease-in-out; transition-delay: 0.5s; }
.thumb_overlay1 { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 220px; transition: all 0.5s ease-in-out; -moz-transform: translateX(-900px); -webkit-transform: translateX(-900px); -o-transform: translateX(-900px); -ms-transform: translateX(-900px); transform: translateX(-900px); }
.thumb_overlay2 { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; right: 0; width: 100%; height: 220px; transition: all 0.5s ease-in-out; -moz-transform: translateX(900px); -webkit-transform: translateX(900px); -o-transform: translateX(900px); -ms-transform: translateX(900px); transform: translateX(900px); }
.thumbs_wrapper:hover .thumb_overlay1, .thumbs_wrapper:hover .thumb_overlay2 { -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.thumbnail .caption p { line-height: 1.3em !important; color: #777; }
.caption_para { height: 135px; font-size: 15px; }
.abt_big_wrapper { width: 80%; float: left; margin: 0 10% 30px 10%; }
.abt_big_wrapper h4 { color: #AD0424; }
.abt_big_wrapper h5 b { color: #04793C; }
.abt_top_wrapper, .abt_wrapper { margin-top: 30px; }
.abt_list { height: 150px; }
.abt_thumb_img { height: 290px; overflow: hidden; width: 100%; position: relative; }
.abt_para_content { margin-bottom: 30px; }
.it_wrapper { margin: 30px 0; }
.menu_desktop { display: block; }
.menu_mobile { display: none; }
.home_thumb_wrapper_sml { float: left; width: 100%; }


#gjobs_logo_myauto { margin: 56px 7px; }
.mb-10px { margin-bottom: 10px; }


/*<><><><><><><><><><><> BANNER <><><><><><<><><><><><><><>*/
.main_banner { margin-top: 95px; }
.toggleHeading { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -moz-transition: none !important; font-size: 3em; }
.toggleCaption { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; -moz-transition: none !important; font-size: 1.2em; }
.virtual_img { width: 100%; height: 400px; }
.blk_caption { color: #fff; bottom: 100px; }
.carousel_main_indicators li img { display: block; margin-left: auto; margin-right: auto; max-width: 100%;	/* padding: 10px; */ }
.carousel_main_indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }
.carousel_main_indicators li { display: inline-block; width: 70px; height: 70px; margin: 1px 5px; text-indent: -999px; border: 2px solid #eee; border-radius: 100%; cursor: pointer; background: rgba(255, 255, 255, 1); background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(222, 222, 222, 1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%); background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=1); transition: all .1s ease-in-out; box-shadow: 0px 3px 5px rgba(0, 0, 0, .5); }
.carousel_main_indicators .active { margin: 0px 5px; width: 70px; height: 70px; background: rgba(255, 255, 255, 1); background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(222, 222, 222, 1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%); background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(222, 222, 222, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=1); border-color: transparent; transform: scale(1.2); box-shadow: 0px 3px 7px rgba(0, 0, 0, .8); }

/*<><><><><><><><><><><><><><><><><><><><><><><><><><> */
#full_menu { margin-top:0; width: 100%; float: left; }
#full_menu ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; z-index: 999; width: 100%; background: url('../img/blk_bg.jpg'); display: flex; }
#full_menu ul:nth-child(1) { border-bottom: solid thin #000; }
#full_menu ul:nth-child(2) { border-top: solid thin #333; }
#full_menu ul li a { display: block; color: #fff; transition: all 0.1s ease; padding: 10px 8px; transition: all 0.1s ease; font-size:16px; }
#full_menu a:hover { text-decoration: none; }
#full_menu ul li { position: static; float: left; margin: 0; padding: 0 15px; transition: all 0.1s ease; flex: 1; text-align: center; }
#full_menu ul li > ul li a { font-size: 14.5px; }
#full_menu ul ul { display: none; position: absolute; top: 100%; left: 0; background: #fff; padding: 0; transition: all 0.1s ease; padding: 30px 15px; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); }
#full_menu ul ul li { float: left; width: 25%; text-align: left; }
#full_menu ul ul li a { padding: 5px 0px; color: #000; }
#full_menu ul ul li a:hover { text-decoration: underline; }
#full_menu ul li:hover > ul { display: block; }
#full_menu h5, #full_menu h5 a { color: #00a8eb; }
.reindent { margin-left: 10px; }
.sublink:after { content: '\f0dd'; font-family: 'FontAwesome'; padding-left: 5px; font-size: 12px; }
.submenu_content { color: #000; text-align: left; border-right: solid thin #e1e1e1; }
.explore { display: inline-block; }

/*<><><><><><><><><><><> <><><><><><<><><><><><><><>*/

.mt-15px { margin-top: 15px; }
#gjobs_logo { width: 10%; }
#gwms_logo { width:10%; }

.hyper_link { cursor: pointer; }
.black { color: black !important; font-size: 16px; }
.hyper_link:hover { text-decoration: underline; }
.red_theme { color: #d9534f; }
.white_bg { background-color: #fff; width: 100%; }
.white_bg_transparent { background-color: rgba(255, 255, 255, 0.5); }
.lite_grey_bg { background-color: #f9f9f9; width: 100%; float: left; padding-bottom: 15px; }
.grey_bg { background-color: #f5f5f5; width: 100%; float: left; }
.home_thumb_cont { padding: 15px 0; border-bottom: solid 1px #ddd; }
.home_thumb_cont h4 { color: #000; }
.home_thumb_point { margin: 0; padding: 0; }
.home_thumb_point li { margin: 0; padding: 0; list-style: none; color: #555; font-size: 15px; }
/*.home_thumb_wrapper { margin: 20px 0; }*/
.home_thumb_wrapper .col-md-4 img { transition: all 0.2s ease-in-out; }
.home_thumb_wrapper .col-md-4:hover img { transition: all 0.2s ease-in-out; transform: scale(1.2); }
.home_thumb_wrapper .col-md-4 .home_thumb_cont { transition: all 0.2s ease-in-out; }
.home_thumb_wrapper .col-md-4:hover .home_thumb_cont { transition: all 0.2s ease-in-out; transform: translateX(1.2em); }
.thumb3_wrapper { background: url('../img/bg_thm3.jpg')	no-repeat center center; background-attachment: fixed; background-size: 1920px; }
.thumb3_short { padding: 30px 0; margin: 40px 0; }
.thumb_highlite:hover { box-shadow: 0 0 5px rgba(217, 83, 79, 1); border: solid 1px rgba(217, 83, 79, 1); }
.fixed_btn { border-radius: 2px; position: fixed; right: 14px; bottom: 0; z-index: 1050; margin: 0; padding: 0; cursor: pointer; }
.fixed_btn li { display: inline-block; list-style: none; padding: 0; margin: 0; }
.fixed_btn li:first-child { background-color: #d9534f; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; }
.fixed_btn li:first-child span { padding: 10px 0 10px 10px; color: #fff; font-size: 12px; float: left; }
.fixed_btn li:last-child { background-color: #04793C; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; }
.glyph_position { padding: 12px; color: #fff; }
.soc_ico { position: fixed; left: 0; top: 350px; z-index: 999; }
.soc_ico ul { margin: 0; padding: 0; float: right; }
.soc_ico ul li { margin: 0; padding: 0; display: block; }
.soc_ico ul li a img { width: 40px; height: 40px; }
.soc_ico ul li { width: 40px; height: 40px; transition: all .18s ease-in-out; }
.soc_ico ul li:hover { width: 60px; height: 40px; transform: scaleX(1.1); }
.nl_vid_news { margin: 50px 0; float: left; width: 100%; }
.blog_list_bg { width: 100%; background-color: #fff; height: 250px; }
.custom_caption { color: #333; text-shadow: none; left: 2%; right: 2%; }
.custom_caption p, .custom_caption h5, .custom_caption h4 { text-align: left; }
.news_list { text-align: left !important; }
.footer_wrapper { background-image: url('../img/blk_bg.jpg'); background-repeat: repeat; float: left; width: 100%; padding: 15px 0; }
.footer { width: 80%; /*margin: 0 10%;*/ margin: 1% 10%; }
.footer_col { width: 25%; float: left; margin: 0; padding: 0; }
.footer_col ul { margin: 0; padding: 0; }
.footer_col ul li { margin: 0 0.5%; padding: 0; list-style: none; padding: 5px 0; }
.footer_col ul li a { color: #aaa; font-size: 14px; text-decoration: none; }
.footer_col h4 { color: #fff; }
.footer_divider { width: 90%; margin: 1% 5% 1% 0; border-top: solid 1px #000; border-bottom: solid 1px #333; display: block; }
.footer_sign { color: #fff; }
.footer_sign a { color: #fff; text-decoration: none; }
.developer { text-align: right; padding-right: 0px; }
.copyright { text-align: left; }
.heading_thumb3 { text-align: center; color: #fff; }
.thumb3_element { float: left; display: inline-block; height: 180px; }
.thumb3_element img { width: 120px; height: 120px; transition: all 0.2s ease-in-out; }
.thumb3_element:hover img { transform: scale(0.6); transition: all 0.2s ease-in-out; }
.thumb3_element span { text-align: center; width: 100%; float: left; font-size: 12pt; color: #fff; font-weight: bold; transition: all 0.3s ease-in-out; }
.thumb3_element:hover span { transform: scale(1.5); transition: all 0.3s ease-in-out; }
.main_thumb3 img { width: 250px !important; height: auto !important; }
.thumb3_element:nth-child(5):hover img { transform: scale(1.2); }
.iframe-full-height { min-height: 310px; overflow: hidden; }

/* .col-md-10 ul li,
.col-xs-12 ul li { padding: 5px 0; } */



a.anchor_tag { display: block; position: relative; top: -80px; visibility: hidden; }


/*===================== Blog - News tab ======================= */
.blog_list { overflow-y: hidden; height: 80%; margin: 0; padding: 0; }
.blog_list li { margin: 0; padding: 0; font-size: 15px; }
.blog_list li:before { content: "\f0c2 "; color: rgba(173, 4, 36, 0.8); font-size: 1em; padding-right: 10px; font-family: 'FontAwesome' }
.tab_content_blog_para { overflow: auto; line-height: 28px; height: 70%; font-weight: 400; text-align: justify; padding: 20px; }
.tab_content_blog_heading { font-size: 20px; letter-spacing: 2px; font-weight: 600; height: 10%; border-bottom: 0px solid #dddddd; }
.tab_content_blog_heading img { padding-right: 10px; width: 40px; }
.tab_content_blog_para_heading { font-weight: 600; padding: 10px 0; }
.tab_content_about { background-color: #fff; margin: 10px 0; padding: 10px 0; }
.tab_content_about_para { line-height: 28px; font-weight: 400; text-align: justify; }
.tab_content_about_heading { font-size: 30px; letter-spacing: 2px; font-weight: 600; text-align: center; padding: 0 0 5px 0; }
.tab_content_about_heading img { padding-right: 10px; }
.tab_content_about_para_heading { font-weight: 600; padding: 10px 0; }
.tab_pane_wrapper { float: left; width: 100%; height: 100%; padding: 10px; border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa; }
.nav-tabs1 { height: 12%; border-top: 1px solid #ddd; }
.nav-tabs1 > li { float: left; margin-top: -1px; }
.nav-tabs1 > li:hover { background-color: #fff; }
.nav-tabs1 > li > a { font-weight: 800; color: #000; margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; }
.nav-tabs1 > li > a:hover { border-color: #dddddd transparent transparent transparent; background-color: transparent; }
.nav-tabs1 > li.active > a, .nav-tabs1 > li.active > a:hover, .nav-tabs1 > li.active > a:focus { color: #ac001b; background-color: #ffffff; border: 1px solid #dddddd; border-top-color: transparent; cursor: default; }
.nav-tabs1.nav-justified { width: 100%; border-bottom: 0; }
.nav-tabs1.nav-justified > li { float: none; }
.nav-tabs1.nav-justified > li > a { text-align: center; margin-bottom: 5px; }
.nav-tabs1.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }
@media (min-width:768px) {
	.nav-tabs1.nav-justified > li { display: table-cell; width: 1%; }
	.nav-tabs1.nav-justified > li > a { margin-bottom: 0; }
}
.nav-tabs1.nav-justified > li > a { margin-right: 0; border-radius: 4px; }
.nav-tabs1.nav-justified > .active > a, .nav-tabs1.nav-justified > .active > a:hover, .nav-tabs1.nav-justified > .active > a:focus { border: 1px solid #dddddd; }
@media (min-width:768px) {
	.nav-tabs1.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; }
	.nav-tabs1.nav-justified > .active > a, .nav-tabs1.nav-justified > .active > a:hover, .nav-tabs1.nav-justified > .active > a:focus { border-bottom-color: #ffffff; }
}
 #nav_align > li > a {padding: 6px 4px;}
.nav-pills > li { float: left; }
.nav-pills > li > a { border-radius: 4px; }
.nav-pills > li + li { margin-left: 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #337ab7; }
.nav-stacked > li { float: none; }
.nav-stacked > li + li { margin-top: 2px; margin-left: 0; }
.nav-justified { width: 100%; }
.nav-justified > li { float: none; }
.nav-justified > li > a { text-align: center; margin-bottom: 5px; }
.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }
@media (min-width:768px) {
	.nav-justified > li { display: table-cell; width: 1%; }
	.nav-justified > li > a { margin-bottom: 0; }
}
.nav-tabs1-justified { border-bottom: 0; }
.nav-tabs1-justified > li > a { margin-right: 0; border-radius: 4px; }
.nav-tabs1-justified > .active > a, .nav-tabs1-justified > .active > a:hover, .nav-tabs1-justified > .active > a:focus { border: 1px solid #dddddd; }
@media (min-width:768px) {
	.nav-tabs1-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; }
	.nav-tabs1-justified > .active > a, .nav-tabs1-justified > .active > a:hover, .nav-tabs1-justified > .active > a:focus { border-bottom-color: #ffffff; }
}
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.nav-tabs1 .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; }

/*<><><><><><><><><><><> Contact Form <><><><><><<><><><><><><><>*/
.input { position: relative; z-index: 1; display: inline-block; margin: 1em; max-width: 347px; width: calc(100% - 2em); vertical-align: top; }
.input_lg { position: relative; z-index: 1; display: inline-block; margin: 1em; max-width: 100%; width: calc(100% - 2em); vertical-align: top; }
.input_field { position: relative; display: block; float: right; padding: 0.8em; width: 60%; border: none; border-radius: 0; background: #f0f0f0; color: #aaa; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-appearance: none; /* for box shadows to show on iOS */ }
.input_field:focus { outline: none; }
.input_label { display: inline-block; float: right; padding: 0 1em; width: 40%; color: #222; font-weight: bold; font-size: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.input_label_content { position: relative; display: block; padding: 1.6em 0; width: 100%; }
.input_advans { overflow: hidden; }
.input_field_advans { margin-top: 2.5em; padding: 1.2em 0.15em; width: 100%; background: transparent; color: #595F6E; }
.input_label_advans { position: absolute; bottom: 0; left: 0; padding: 0 0.25em; width: 100%; height: calc(100% - 1em); text-align: left; pointer-events: none; }
.input_label_content_advans { position: absolute; }
.input_label_advans::before, .input_label_advans::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 10px); border-bottom: 1px solid #B9C1CA; }
.input_label_advans::after { margin-top: 2px; border-bottom: 4px solid red; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.input_label_advans_color_1::after { border-color: #d9534f; }
.input_field_advans:focus + .input_label_advans::after, .input_filled .input_label_advans::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.input_field_advans:focus + .input_label_advans .input_label_content_advans, .input_filled .input_label_content_advans { -webkit-animation: anim-1 0.3s forwards; animation: anim-1 0.3s forwards; }
@-webkit-keyframes anim-1 {
	50% { opacity: 0; -webkit-transform: translate3d(1em, 0, 0); transform: translate3d(1em, 0, 0); }
	51% { opacity: 0; -webkit-transform: translate3d(-1em, -40%, 0); transform: translate3d(-1em, -40%, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, -40%, 0); transform: translate3d(0, -40%, 0); }
}
@keyframes anim-1 {
	50% { opacity: 0; -webkit-transform: translate3d(1em, 0, 0); transform: translate3d(1em, 0, 0); }
	51% { opacity: 0; -webkit-transform: translate3d(-1em, -40%, 0); transform: translate3d(-1em, -40%, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, -40%, 0); transform: translate3d(0, -40%, 0); }
}
.contact_wrapper { background-color: rgba(255, 255, 255, .9); padding: 50px 0px; }
.contact_wrapper h2, .contact_wrapper p { text-align: left; }
.contact_icon_wobble { margin-top: 122px; height: 400px; }
.contact_icon_wobble h1 { font-size: 5em; color: #fff; }
.contact_chkbox { margin: 0 0 0 30px; padding: 0; }
.contact_chkbox li { width: 45%; margin: 0 2.5%; float: left; list-style: none; display: block; }

/* Hide the Ordinary Checkbox */
input[type="checkbox"].chk_custom { display: none; }

/* Checkbox Icons */
label.chk_label { position: relative; padding-left: 30px; cursor: pointer; padding: 4px 28px 0 0; color: #222; }
label.chk_label:before, label.chk_label:after { font-family: 'FontAwesome'; font-size: 1.5em; position: absolute; top: 0px; left: -30px; color: #B9C1CA; }
label.chk_label:before { content: '\f096'; }
label.chk_label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; font-size: 1em; top: 4px; left: -28px; color: #d9534f; -webkit-transition: all 0.50s; -moz-transition: all 0.50s; -o-transition: all 0.50s; transition: all 0.50s; }
sup { color: red; }

/* Animating the Checkbox Icon */
input[type="checkbox"].chk_custom:checked + label.chk_label:after { max-width: 25px; opacity: 1; margin-right: 90px; }
.banners { height: 600px; position: relative; width: 100%; }
.banners h2 { position: absolute; top: 30%; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); letter-spacing: 0.5px; line-height: 1.5em; }
.common_space_wrapper { background-color: rgba(255, 255, 255, 0.9); padding: 15px 0px 50px; }
.sidebar_nav { margin: 0; padding: 0; width: 100%; }
.sidebar_nav li { margin: 0; list-style: none; }
.sidebar_nav li a { padding: 10px 25px; width: 100%; display: block; border-bottom: solid thin #000; border-top: solid thin #333; color: #eee; background-image: url('../img/blk_bg.jpg'); background-repeat: repeat; }
.sidebar_nav li a:hover { text-decoration: none; background-image: url('../img/blk_bg_dark.jpg'); background-repeat: repeat; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; }
.benefits { margin: 0; padding: 0; }
.benefits li { margin: 0; padding: 2px 0px 8px; list-style: none; }
.benefits li:before { content: "\f00c"; /* FontAwesome Unicode */ font-family: 'FontAwesome'; display: inline-block; margin-left: -1em; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */ }

.video #video_tab_content .tab-pane { padding: 15px; }

/*<><><><><><><><><><><> Media Query <><><><><><<><><><><><><><>*/

@media (max-width:1920px) {
	.advans_logo_big { margin-top: 300px; }
	.bg_img_left { position: absolute; top: 200px; left: 2%; }
	.bg_img_right { position: absolute; top: 200px; right: 2%; }
	.virtual_img { width: 100%; height: 600px; }
	.cv_margin { margin-top: 17em; }
	.abt_big_wrapper_careers { width: 91%; margin: auto 5% 30px 5%; float: left; }
}
@media (max-width:1366px) {
	.bg_img_home { background: url('../img/bg-01.jpg') no-repeat center top; background-attachment: fixed; background-size: 1366px !important; }
	.virtual_img { width: 100%; height: 400px; }
	.abt_thumb_img { height: 200px; }
	.abt_list { height: 200px; }
	.abt_big_wrapper, .it_big_wrapper { width: 90%; margin: auto 5% 30px 5%; }
	
	.footer { width: 90%; margin: 1% 5% 1%; }
	.footer_col h4 { font-size: 1.2em; }
	.developer { /*padding-right: 80px;*/ padding-right: 0px; }
	.cv_margin { margin-top: 28em; }
	.header img.computerVault { height: 40px; margin-top: 10px; -webkit-transition: height 300ms; -moz-transition: height 300ms; -ms-transition: height 300ms; -o-transition: height 300ms; transition: height 300ms; }
}
@media (max-width:1280px) {
	.abt_big_wrapper, .it_big_wrapper { width: 95%; margin: auto 2.5% 30px 2.5%; }
	.footer { width: 95%; margin: 1% 2.5% 0; }
	.submenu_content p { line-height: 1.6em; }
	.abt_list { height: 220px; }
	.top_para { font-size: 12px; }
	header img.vault_logo { height: 50px; margin-top: 10px; }
	header.smaller img.computerVault { height: 40px; margin-top: 0px; }
}
@media (max-width:980px) {
	.menu_desktop { display: none; }
	.menu_mobile { display: block; }
	.footer_col { display: none; }
	.developer { text-align: center; padding-right: 0; font-size: 12px; }
	.copyright { text-align: center; font-size: 12px; }
	p { line-height: 1.5em; }
	.footer_wrapper { padding: 5px 0; }
	.home_thumb_wrapper_sml { float: none; width: auto; }
	.home_thumb_wrapper .col-md-4 img { transition: none; }
	.home_thumb_wrapper .col-md-4:hover img { transition: none; transform: none; }
	.home_thumb_wrapper .col-md-4 .home_thumb_cont { transition: none; text-align: center; }
	.home_thumb_wrapper .col-md-4:hover .home_thumb_cont { transition: none; transform: none; }
	.home_thumb_point { text-align: center; }
	.abt_list { height: auto; }
	.abt_thumb_img { height: 490px; }
	.thumbs_wrapper { margin: 25px 0 25px; }
	.thumbs_wrapper .thumbnail { margin: 0; }
	.thumb_img { height: 350px; }
	.caption_para { height: auto; }
	.news_blogs { margin-bottom: 25px; }
}
@media (min-width:769px) {
	#vdi_md_10 { width: 78% !important; }
	#vdi_md_2 { width: 22% !important; }
	/*.index_thumb1 { height: 200px; }
	.index_thumb2 { height: 200px; }*/
	.index_thumg_img4 { padding: 25px 0px; }
}



@media (min-width:768px) {
	.navbar-nav { margin: 0 auto !important; display: table !important; table-layout: fixed !important; float: none !important; }
}
@media (max-width:768px) {

	.index_thumb4 { width: 80%; }
	
	.abt_big_wrapper_careers { width: 85%; margin: auto 5% 30px 7%; }
	
	header.smaller img.np_logo { margin-top: -5px; }
	
	.abt_list li, .benefits li { line-height: 1.5em; font-size: 12px; }
	.carousel_main_indicators { display: none; }
	.virtual_img { width: 100%; height: 300px; }
	.blk_caption { color: #fff; bottom: 20px; }
	.main_banner { margin-top: 130px; }
	.abt_thumb_img { height: 390px; }
	p { line-height: 1.5em; font-size: 12px; }
	h1, .h1, h2, .h2, h3, .h3 { margin-top: 5px; margin-bottom: 10px; }
	.abt_wrapper { margin-top: 15px; }
	.abt_wrapper .thumbnail { margin: 0; }
	.advans_logo_wrapper { padding-left: 0; /*padding-right: 30px;*/ }
	.np_logo_wrapper { padding-right: 0; /*padding-left: 30px;*/ }
	.vault_logo_wrapper { padding: 0; }
	header img.computerVault_logo { height: 59px; margin-top: 3px; }
	.cv_logo_wrapper { padding: 0px; }	
}

@media (max-width:640px)
{
	.index_thumg_img4 { padding: 20px 0px; }
	.index_thumb4 { width: 100%; }
	.abt_big_wrapper_careers { width: 98%; margin: auto 5% 30px 2%; }
/*	header img.computerVault_logo { height: 38px; margin-top: 7px; }*/
	header img.computerVault_logo { height: 52px; margin-top: 5px; margin-left: 9px; }
	header.smaller img.computerVault_logo { height: 40px; margin-top: 0px; margin-left: 20px; }
/*	header img.advans_logo { height: 21px; margin-top: 15px; }*/
	header img.advans_logo { height: 52px; margin-top: 5px; display: block; margin-left: auto; margin-right: auto; }
/*	header img.np_logo { height: 30px; margin-top: 10px; }*/
	header img.np_logo { height: 60px; }
	header img.demo_logo { height: 50px; }
	header.smaller img.demo_logo { height: 37px; }
	header.smaller img.np_logo { margin-top: 0px; height: 40px; }
}

@media (max-width:480px) {
	.toggleHeading { font-size: 1.5em; }
	.toggleCaption { font-size: 1em; }
	.video { margin-top: 30px; }
	.virtual_img { width: 100%; height: 250px; }
	.home_thumb_img_sml { margin-top: 15px; }
	.home_thumb_point li { padding: 0; }
	.soc_ico { top: 30%; }
	.soc_ico ul li a img { width: 30px; height: 30px; }
	.soc_ico ul li { width: 30px; height: 30px; }
	.soc_ico ul li:hover { width: 60px; height: 30px; }
	.abt_thumb_img { height: auto; }
	.contact_chkbox { margin: 0 0 0 30px; padding: 0; }
	.contact_chkbox li { width: 95%; margin: 0 2.5%; float: left; list-style: none; display: block; }
	.contact_wrapper { padding: 0; }
	.thumb_img { height: 250px; }
	#gjobs_logo { width: 16%; }
	#gwms_logo {width:16%;}
	
	#video_tab_content .youtube_icon { top: 70%; }
	
}
@media (max-width:360px) {
	.thumb_img { height: 200px; }
}