/*
	Theme Name: Amber Universal Security Theme
    Theme URI: http://tlcphp.com/tlc/Amber-Universal/
    Description: Made by Jay Web Design.
    Version: 1.0.1
    Author: The Logo Company
    Author URI: https://www.jaywebdesign.com/
    Tags: HTML5, CSS3
*/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto:500');
@import url('https://fonts.googleapis.com/css?family=Roboto:700');

::selection { background:#cccccc;  color: #000000;}
::-moz-selection { background:#cccccc;  color: #000000;}
::-webkit-selection { background:#cccccc;  color: #000000;}


body {padding: 0; margin: 0;}
a {color:#000; text-decoration:none; transition: all 0.6s ease 0s; }
a:hover {color:#d80029; text-decoration:none; }
a:focus { outline: 0;}
img{max-width:100%;}

ul,li {list-style: none;}
   
.aligncenter { margin:0 auto; display:block; }
.alignleft {margin:0 25px 0 0; padding:0; float:left;}
.alignright {margin:0 0 0 25px; padding:0; float:right;}
.clr {clear: both;}
.center{text-align: center;}
h1,h2,h3,h4,h5,h6,p { margin:0;  padding:0 0 15px;}
   
h1 {font-size: 46px; line-height:110%; font-weight:700; color:#000; font-family: 'Roboto', sans-serif;}
h2 {font-size: 45px; line-height: 100%; font-weight: 700; color:#000000; font-family: 'Roboto', sans-serif;}
h3 {font-size:26px; line-height:120%; font-weight: 500; color:#000; font-family: 'Roboto', sans-serif;}
h4 {font-size:22px; line-height:140%; color:#000; font-family: "Source Sans Pro",sans-serif;}
h6 {font-size: 16px; line-height:120%; font-weight: 500; color:#000; font-family: 'Roboto', sans-serif; }
p {font-size: 16px; line-height:130%; color:#000; font-family: "Source Sans Pro",sans-serif; }

/*------------------------------------*/   
.scrollup {width: 40px;height: 40px;position: fixed;bottom: 10px;right: 4%;display: none;text-indent: -9999px;background: url('images/triangle-hover.png') no-repeat;}

#layout-wrapper{margin:0 auto; padding:0; width:100%;display: table; position: relative; overflow: hidden; max-width: 1600px;}
header { margin:0; padding: 15px 0; width:100%; float:left; position: relative; background: #f4f4f4;}
header h6{float: left; line-height: 29px; margin: 0 10px 0 0; padding: 0;}

ul.social{padding: 0; margin: 0; float: left; width: auto;}
ul.social li{width: 30px; height: 30px; border-radius: 50%; border: 2px solid #6e0000; text-align: center; transition: all 0.5s ease 0s;}
ul.social li a{color: #6e0000;}
ul.social li:hover{color: #fff; background: #6e0000;}
ul.social li:hover a{color: #fff;}
.mrgn-tp36{margin-top: 36px;}
.logo {float: left;}
.follow_area {float: right;}

/*----------------------Nav--------------------------*/

.nav-holder{padding: 0; margin: 28px 0 0; float: left; width: 100%;}
.navbar { border: 0 none; clear: both; float: none; margin: 0 auto; padding: 0; display: table;}
.navbar-collapse {padding:0;}
.navbar-nav{display: table;}
.navbar-nav > li { float: left; margin: 0 1px; text-transform: uppercase; position: relative;}
.navbar-nav > li > a {border: 1px solid transparent; color: #000; font-family: "Source Sans Pro",sans-serif; font-size: 16px; line-height: 44px; padding: 10px 15px; transition: all 0.5s ease 0s;}
.navbar-nav > li > a:hover{ color: #6e0000; border: 1px solid #6e0000 }
.navbar-nav > li.current-menu-item a{ color: #6e0000; border: 1px solid #6e0000; }

/* DropDown */
.sub-menu { background: #6e0000 none repeat scroll 0 0; left: 0; margin: 50px auto 0; min-width: 190px; position: absolute; z-index: 99; opacity: 0; transition:all 0.5s; padding: 0;
top: 63%;}
.sub-menu > li { text-align: left;}
.sub-menu a { color: #fff; display: block; font-size: 15px; padding: 5px 16px;}
.menu-item-has-children { padding-bottom: 40px;  transition:all 0.5s;position: relative;}
.menu-item-has-children ul:after {position: absolute; content: ''; background: rgba(0, 0, 0, 0) url("images/dropdown-icon.png") no-repeat; width: 15px; height: 15px; bottom: auto; transition:all 0.5s; opacity: 0;
top: -12px; left: 0; z-index: -1; background-size: 15px;}
.menu-item-has-children:hover ul:after{ opacity: 1;}
.sub-menu a:hover {color: #fff; background:#000; } 
li.menu-item-has-children:hover .sub-menu{opacity: 1; margin: 0 auto 0; z-index: 9999;}
.navbar-nav li.current-menu-parent a{color: #000; border: 1px solid #6e0000;}
.navbar-nav li.current-menu-parent .sub-menu a{color: #fff; border-bottom: 0;}
.navbar-nav li.current-menu-parent .sub-menu li.current-menu-item a, .navbar-nav li.current-menu-parent .sub-menu a:hover{color: #fff !important;background: #000;}

/*----------------------Nav--------------------------*/
   
/*----------------------Banner--------------------------*/
section#banner{padding: 0; margin: 0; float: left; width: 100%; position: relative; z-index: 999;}
.banner-img {width: 100%;}
.banner-caption{position: absolute; right: 12%; top: 25%; width: auto;}
.banner-caption h1{color: #fff; padding-bottom: 25px;}
.banner-caption h4{color: #fff;}
.border-btn{float: left; padding: 15px 30px; border: 1px solid #fff; color: #fff; margin: 20px 8px 0 0;font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 16px; transition:0.5s all;}
.border-btn:hover{color: #fff; background: #6e0000; border: 1px solid #6e0000;}
.banner-caption h1:after{position: absolute; top: -20px; content: ""; left: 0; border-top: 6px solid #6e0000; width: 60px; height: 6px;}

section#red-section{padding: 60px 0; margin: 0; float: left; width: 100%; background: url("images/red-bkg.jpg") no-repeat top center; background-size: cover;}
section#red-section h2{color: #fff; font-size: 26px; line-height: 130%; padding: 0; float: left;}
section#red-section h4{font-size: 16px; color: #fff;padding: 5px 0 0; float: left;}
.black-btn{background: #000 none repeat scroll 0 0; color: #fff; float: right; font-family: "Roboto",sans-serif; font-size: 21px; font-weight: 500; margin: -45px 0 0; padding: 16px 42px; transition:0.5s all;}
.black-btn:hover{background: #6e0000; color: #fff;}

section#service-section{padding: 0; margin: 0; float: left; width: 100%;}
.left-sec{ width: 50%; float: left; background: url("images/grey-servc-bkg.jpg") no-repeat left center; background-size: cover;}
.right-sec{ width: 50%; float: right; background: url("images/red-servc-bkg.jpg") no-repeat left center; background-size: cover; }
.small-left-sec{float: right; width: 550px; padding: 120px 0 78px;}
.small-right-sec { float: left; padding: 100px 0 40px 90px; width: 500px; }
ul.service-details{padding: 0; margin: 30px 0 0; float: left; width: 100%;}
ul.service-details li{padding: 0; margin: 0 0 50px; width: 50%; float: left; transition: 0.5s all; font-size: 26px; color: #6e0000; font-family: "Roboto",sans-serif; font-weight: 500; }
ul.service-details li span.icon-holder{display: block; border: 2px solid #6e0000; width: 90px; height: 90px; border-radius: 50%; position: relative; transition: 0.5s all;}
ul.service-details li .nrml-img{position: absolute; left: 0; right: 0; top: 20px;  margin: 0 auto; transition: 0.5s all;}
ul.service-details li .hover-img{position: absolute; left: 0; right: 0; top: 20px; margin: 0 auto;  opacity: 0; transition: 0.5s all;}
ul.service-details li:hover .nrml-img{opacity: 0;}
ul.service-details li:hover .hover-img{opacity: 1;}
ul.service-details li:hover span.icon-holder{background: #4f2800; border: 2px solid transparent;}
ul.service-details li:hover{color: #4f2800;}

.border-top{position: relative; border: none !important;}
.border-top:after{position: absolute; top: -20px; content: ""; left: 0; border-top: 6px solid #6e0000; width: 60px; height: 6px;}
.red-btn{background: #6e0000 none repeat scroll 0 0; color: #fff; float: left; font-family: "Roboto",sans-serif; font-size: 16px; font-weight: 500; margin: 20px 0 0; padding: 16px 42px; transition:0.5s all;}
.red-btn:hover{background: #000; color: #fff;}

.right-sec h3{color: #fff;}
.right-sec p{color: #fff; line-height: 130%;}

ul.authentication-list {padding: 0; margin: 20px 0 118px; float: left; width: 100%;}
ul.authentication-list li{ color: #fff; font-size: 26px; font-family: "Roboto",sans-serif; font-weight: 500; list-style: inside; padding: 5px 0;}

section#about-section{padding: 50px 0; margin: 0; float: left; width: 100%; background: #f3f3f3;}
section#about-section h2{padding-bottom: 30px;}
.mrgn-tp20{margin-top: 20px;}
ul.thumb-images{padding: 0; margin: 70px 0 0; float: left; width: 100%;}
ul.thumb-images li{float: left; margin: 0 5px 0 0; width: 30%;}

section#three-block-section{padding: 60px 0 40px; margin: 0; float: left; width: 100%;}
section#three-block-section h2{font-size: 26px; line-height: 130%; padding: 0;}
ul.block-details{margin: -10px 0 0;}
ul.block-details li{width: 33.33%; background: #f1f1f1; padding: 30px 25px; line-height: 120%; margin: 0;}
ul.block-details li span.icon-holder{border: none;}
ul.block-details li:hover span.icon-holder{background: none; border: none;}
ul.block-details li:hover{background: #6e0000; color: #fff;}

section#connect-section{padding: 90px 0 80px; margin: 0; float: left; width: 100%; background: url("images/red-bkg.png") no-repeat top center; background-size: cover;}
section#connect-section h2{color: #fff; padding: 0 0 30px;}
section#connect-section .border-top:after{border-color:  #fff;}
.form-holder input { border: medium none; padding: 15px; width: 100%; }
.form-holder input[type="text"],.form-holder input[type="email"] { height: 55px; }
.form-holder input[type="submit"]{background: #000; color: #fff; cursor: pointer; font-family: "Roboto",sans-serif; font-weight: 500; font-size: 18px;}
.form-holder input[type="submit"]:hover{background: #000;}
.form-holder .col-sm-3{padding: 0 5px;}
.form-holder{width: 100%; float: left; padding: 0 15px;}
.form-holder .wpcf7-response-output {color: #fff;}

section#contact-details-section{padding: 60px 0; margin: 0; float: left; width: 100%;}
ul.footer-nav{padding: 0; margin: 0; float: right; width: 100%;}
ul.footer-nav li { float: left; margin: 0 5px; text-transform: uppercase;}
ul.footer-nav li > a {border: 1px solid transparent; color: #000; font-family: "Source Sans Pro",sans-serif; font-size: 18px; line-height: 44px; padding: 6px 16px; transition: all 0.5s ease 0s;}
ul.footer-nav li > a:hover{ color: #6e0000; border: 1px solid #6e0000 }
ul.footer-nav li.current-menu-item a{ color: #6e0000; border: 1px solid #6e0000; }
ul.footer-nav .sub-menu {display: none;}
.move-left { float: left; min-height: 60px; width: 50%;}
section#contact-details-section p b{color: #6d0000;}
section#contact-details-section p{color: #494d4c;}
.move-left span{text-align: right; margin: 0 0 0 63px;}
section#contact-details-section p img{margin: -2px 5px 0 0;}
.footer-logo{width: 80%;}

footer{background: #6e0000; float: left; width: 100%; padding: 20px 0 10px;}
footer p{color: #fff; font-size: 14px; padding: 0; float: left; line-height: 35px;}
.ftr-social h6 { color: #fff; float: left; line-height: 30px; padding: 0; }
.ftr-social ul.social li{color: #fff; border-color: #fff;}
.ftr-social ul.social li a{color: #fff;}
.ftr-social ul.social{margin: 0 0 0 8px;}
.ftr-social { float: right; width: auto; }

/*---------About-----------*/
.right-sec-about { width: 50%; float: right; background: url("images/about-right.jpg") no-repeat left center; background-size: cover; min-height: 435px;}
.small-left-sec-about {float: right; width: 550px; padding: 100px 30px 100px 0;}
/*--------Assessment------*/
section#inside_sec {padding: 60px 0; margin: 0; float: left; width: 100%;}
.asmnt-txt {color: #6e0000; text-align: center; clear: both; margin-top: 50px; font-weight: 700;}
/*--------Authentication------*/
.auth_sec {width: 100%; padding: 25px 0 0; float: left;}
.content_block {width: 100%;float: left;margin: 0 0 20px; padding: 20px;
background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 84%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(49%, rgba(255,255,255,1)), color-stop(84%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 84%, rgba(237,237,237,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 84%, rgba(237,237,237,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 84%, rgba(237,237,237,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 84%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
border-left: 8px solid #6e0000; transition: all 0.8s;
}
.content_block h3 {position: relative; padding-top: 10px; transition: all 0.8s;}
.content_block h3:after {position: absolute; content: ''; top: 0; left: 0; background: #6e0000; height: 5px; width: 50px;
transition: all 0.8s;}
.content_block ul {margin: 0; padding: 0 0 0 20px;}
.content_block ul li {margin: 0 0 10px; padding: 0; list-style: outside square; color: #000; font-family: "Source Sans Pro",sans-serif;
font-weight: 400;}
.content_block:hover {border-left-color: #000;}
.content_block:hover h3 {color: #6e0000;}
.content_block:hover h3:after {background: #000;}
.logistic_list {margin: 0; padding: 0; /*text-align: center;*/}
.logistic_list li {margin: 0 10px 0 0; padding: 0 0 0 35px; position: relative; display: block; color: #000; font-weight: 700;
font-size: 18px; background: url("images/check.png") no-repeat scroll left 3px; line-height: 36px; background-size: 25px;}
/*.logistic_list li:after {position: absolute; left: 0; top: 0; content: '\f058'; color: #6e0000; font-family: Font Awesome;}*/
.log_img {margin: 0; padding: 30px 0 0;}
.log_img li {margin: 0; padding: 0 10px; width: 33%; display: inline-block;}
.log_img li img {border: 5px solid #ddd;}

/*--------Systems------*/
.sys-txt {color: #6e0000; font-weight: 700; font-family: "Roboto",sans-serif;}
.sys_row {width: 100%; float: left;padding: 25px 0 0; text-align: center;}
.sys_icon {width: 110px; height: 110px; border-radius: 50%; background: #6e0000; text-align: center; line-height: 110px;
font-size: 40px; margin: 0 auto; display: table; transition: all 0.8s;}
.sys_row h4 {margin-top: 20px; color: #000; font-family: "Roboto",sans-serif; font-weight: 700; transition: all 0.8s;}
.sys_col:hover .sys_icon {background: #000;}
.sys_col:hover h4 {color: #6e0000;}

/*--------Contact------*/
.con_info {width: 100%; float: left; padding: 20px;
background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 84%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(49%, rgba(255,255,255,1)), color-stop(84%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 84%, rgba(237,237,237,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 84%, rgba(237,237,237,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 84%, rgba(237,237,237,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 84%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
border-top: 5px solid #6e0000;}

.con_info h4 span {color: #6e0000;}
.con_info h4 i {color: #6e0000;}
.con_info a:hover {color: #6e0000; text-decoration: underline;}
.cntct-txt {color: #6e0000; font-family: "Roboto",sans-serif; margin-bottom: 10px; font-size: 23px!important;}

.form_hldr {width: 85%;}
.wpcf7-text,.wpcf7-textarea {width: 100%; border: 1px solid #ddd; height: 40px; padding: 0 10px; margin-bottom: 10px;
box-shadow: inset 0 0 10px #eee;}
.wpcf7-textarea {height: 80px!important;}
.wpcf7-submit {background: #6e0000; padding: 10px 25px; color: #fff; font-family: "Source Sans Pro",sans-serif;
font-weight: 700; border: 0; transition: all 0.8s; }
.wpcf7-submit:hover {background: #000; color: #fff;}
section#map_area {width: 100%; float: left; margin-top: 10px; margin-bottom: -5px;}

section#security_sec {width: 100%; padding: 60px 0; float: left; background: url("images/security-watemark.png") no-repeat;
background-size: cover;}
.security_row {width: 100%; float: left; padding: 20px 0 0; margin: 0;}
.security_img {width: 20%; float: left; text-align: center; padding-top: 10px;}
.security_txt {width: 78%; float: right;}
.security_block {background: rgba(255, 255, 255, 1);/*border: 2px double #6e0000;*/float: left;margin: 0 5% 15px;
padding: 30px 15px;width: 90%; transition: all 0.8s;}
.security_block p {font-size: 18px;}
.security_block h3 {transition: all 0.8s; font-size: 28px;}
.security_block:hover h3 {color: #6e0000;}
.security_block:hover {border-color: #000;}
.banner-caption h1.security-hdng {color: #000;}

section#system_btm {width:100%; float: left; background: url("images/grey-servc-bkg.jpg") no-repeat left center; background-size: cover;
padding: 60px 0;}
h2.maintn-hdng {color: #6e0000;}

.oem_row {width: 100%; float: left; margin-top: 40px; padding: 0;}
ul.partner-list {padding: 25px 0 0; margin: 0;}
ul.partner-list li {padding: 0 0 0 38px; margin: 0 0 20px; font-size: 25px; font-family: "Roboto",sans-serif;
font-weight: 700; position: relative;}
ul.partner-list li a {color: #6e0000;}
ul.partner-list li a:hover {color: #333;}
ul.partner-list li:after {position: absolute; top: -3px; left: 0; content: '\f0a4'; font-size: 28px; font-family: 'Font Awesome\ 5 Free';}
.oem_rght {padding-top: 40px;}

/*--------------------*/