/*

	Theme Name: 4 Delta - Intelligence

	Theme URI: http://www.4dti.com

	Description: 4 Delta specialises in the surveillance and data analytics of customer and people environments with regards to situations.

	Version: 4.8.2

	Author: Joshua Wolfe

	Author URI: http://noveldesign.co.za

	Tags: Intelligence, Facial Recognition, Surveillance, 4Delta, 4dti.com, safe city, camera's, Data Analytics





*/



/*------------------------------------*\

    4DTI FONT. LATO

\*------------------------------------*/



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

 

/*------------------------------------*\

    MAIN

\*------------------------------------*/



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

body, html { font-size: 100%; padding: 0; margin: 0 !important; }

body {  font-family: 'Lato', sans-serif; color: #333; font-size:14px; background-color:#eeeeee;}



/* Backround Image : background-color:#ffffff; background-image:url(../img/backing.jpg); 

background-size: cover; background-repeat:no-repeat; background-attachment:fixed; */



.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }



a {color: #333;text-decoration: none;}

a:hover {color: #000;}

/*------------------------------------*\

    VIDEO

\*------------------------------------*/

/* Default hide the video on all devices */
#video{display:none}

/* Default display the image to replace the video on all devices */
#videosubstitute{display:block; width:100%;height:auto}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
#video{display:block;}
#videosubstitute{display:none};
}


#videoDiv {width: 100%; height: 600px; position: relative; overflow:hidden;}
#videoBlock {width: 100%; height: 100%;  display: flex;  justify-content: center; align-items: center;}
#videoMessage {width: 1024px; height:100%; position: absolute; z-index:99;}



/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/



.container { position: relative; margin-top:0px;}

.container >



.navigation {background-color:rgba(0, 0, 0, 0.8); position:fixed; padding-top:10px; padding-bottom:10px; z-index:999; width:100%; border-bottom:1px #eee solid;}

.navigation section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left;  }



.icons { float:right; text-align:right; color:#fff; font-size:32px;}

.icons ul li { display:inline-block; padding-right:5px; list-style:none;}

.icons ul {margin-bottom:0px; margin-top:0px; list-style:none;}

.icons li {margin-bottom:0px; margin-top:0px;}



.icons a:active {text-decoration:none; color:#fff;}

.icons a:visited {text-decoration:none; color:#fff;}

.icons a:link {text-decoration:none; color:#fff;}

.icons a:hover {text-decoration:none; color:#efefef;}



.brand-logo { padding:10px; border:1px #cccccc solid !important; border-radius:6px; -webkit-border-radius:6px; }

.brand-img {  border:1px #efefef solid !important; border-radius:6px; -webkit-border-radius:6px; }





.sliders { margin:0; position:relative; }

.sliders section > div {width: 100%; }





.sub { width:100%; padding:10px; /* background-image:url(img/form.jpg); filter: alpha(Opacity=90); */ margin-bottom:10px; background-repeat:no-repeat; 
border-radius:6px; border:1px #2fa3ba solid; display:block; background-color:rgba(0, 0, 0, 0.6);}

.sub label { color:#fff !important; margin-top:3px;}

.sub p { padding-bottom:0px !important; padding-top:0px !important;}



.logo { padding-top:15px;}

.logo, img { max-width:100%; height:auto;}



.footer-logo {float:right;}

.copyright { float:left; }



.footer { background-color:#efefef; overflow:hidden;}

.footer section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 0px 0px 0px 0px; text-align:left;   }



.post-edit-link {display:none;}



.main {}

.main section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left; margin-top:10px;   }



.main p { font-size:14px; margin-top:0px;}

.main h1 { font-family: 'Lato', sans-serif; font-size:38px; color:#9e1835; text-transform: uppercase; font-weight:normal; text-align:left; margin-top:0px; margin-bottom:15px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: none; font-smoothing: antialiased; } 

.main h2 { font-family: 'Lato', sans-serif; font-size:22px; color:#0f4c94; text-transform: uppercase; font-weight:bold; text-align:left; margin-top:10px; margin-bottom:5px; letter-spacing:1px; } 



.registertab { padding:10px; border-radius:4px; background-color:#000; color:#fff; width:100%; text-align:left; margin-top:0px;}

.registertab ul {list-style:none;}

.registertab li {display:inline-block !important; list-style:none; border-right: 1px #fff dotted; padding-right:5px; }

.registertab li:last-child{border:none !important;}



.registertab a:link { color: #fff! important; text-decoration:none;}

.registertab a:active { color: #fff! important; text-decoration:none;}

.registertab a:visited { color: #fff! important; text-decoration:none;}

.registertab a:hover {color: #d2232a !important;}





.main img { max-width:100%; height:auto; border: none; vertical-align:middle;}



.widgety { font-family: 'Lato', sans-serif; font-size:28px; color:#87e6fe; text-transform: uppercase; font-weight:200 !important; } 

.cformy { font-family: 'Lato', sans-serif; font-size:35px; color:#87e6fe; letter-spacing:2px; text-transform: uppercase; font-weight:400 !important; margin:0px; background: url(img/icon.png) no-repeat;  background-position:left 10px center; padding:10px; padding-left:75px; } 



.hometop {float:right; overflow:hidden;}



/*------------------------------------*\

    HOME PAGE WIDGET AREAS

\*------------------------------------*/



.widget1 { background-color:#ffffff; }

.widget1 section > div {width: 90%; max-width: 1024px;overflow:hidden; margin:0 auto; padding: 10px 15px 10px 15px; text-align:left; vertical-align:text-top;}



.widget1 p { font-size:15px; color:#939598 !important;}

.widget1 img { max-width:100%; height:auto; vertical-align:middle;}



.form1 {position:absolute; margin-top: 165px; left:0;}
.form1 p {color:#87e6fe;}


.former p {margin:0px;}





/*------------------------------------*\

    PAGES

\*------------------------------------*/



.page1 { background-color:#0f4c95; background-image: url(img/p1.jpg); background-repeat:no-repeat; background-size:cover; overflow:hidden; border-bottom:#eeeeee 5px solid; min-height:300px;}

.page1 section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left; vertical-align:text-top;}



.page1 p { font-size:15px; color:#ffffff !important; margin-top:15px; line-height:1.5em;}

.page1 h1 { font-family: 'Lato', sans-serif; font-size:34px; color:#939598; text-transform: capitalize; font-weight:200 !important; }

.page1 img { max-width:100%; height:auto; border:#fff 5px solid; vertical-align:middle;}





.page1 ul li {list-style:none; margin-left:-40px;}

.page1 li {display: list-item !important; list-style:none; border-bottom: 0px #fff dotted; padding-top:5px; }

.page1 li:last-child{border:none !important;}



.page1 a:active {text-decoration:none; color:#fff;}

.page1 a:visited {text-decoration:none; color:#fff;}

.page1 a:link {text-decoration:none; color:#fff;}

.page1 a:hover {text-decoration:none; color:#d2232a;}



.sq_cps {position: absolute; z-index:20; margin-left: auto; 

  margin-right: auto;  left:0; right:0; margin-top:-32px; width:71px; height:42px; background-image:url(img/sq_cps.svg); background-repeat:no-repeat; text-align:center !important; overflow:hidden; }



/*  SECTIONS  */

.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}



/*  COLUMN SETUP  */

.col {

	display: block;

	float:left;

	margin: 1% 0 1% 1.6%;

}

.col:first-child { margin-left: 0; }



/*  GROUPING  */

.group:before,

.group:after { content:""; display:table; }

.group:after { clear:both;}

.group { zoom:1; /* For IE 6/7 */ }





/*  GRID OF TWO  */

.span_2_of_2 {

	width: 100%;

}

.span_1_of_2 {

	width: 49.2%;

}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



@media only screen and (max-width: 480px) {

	

	.logo { padding-bottom:20px !important;}

	button { width:100% !important;}

	

	.col { 

		margin: 1% 0 1% 0%;

	}

}







/*  GRID OF THREE  */

.span_3_of_3 { width: 100%; }

.span_2_of_3 { width: 66.13%; }

.span_1_of_3 { width: 32.26%; }





@media only screen and (max-width: 800px) {

	.col {  margin: 1% 0 1% 0%; }

	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }

	.span_2_of_2, .span_1_of_2 { width: 100%; }

}



hr { border-top:#5b7ab4 1px dotted; border-style: none none dotted; color: #5b7ab4; background-color: #fff; margin-bottom:3px; margin-top:5px;}



/*------------------------------------*\

    MEDIA QUERIES

\*------------------------------------*/



@media screen and (max-width: 65em) {



.logo { display:none;float:none !important; margin:0 auto !important; margin-top: 30px !important; overflow:hidden !important; }

.icons {float: left; text-align:left; margin-left:-40px;}

.main h1, .widget1 h1, .widget2 h1, .widget3 h1, .widget4 h1 { font-size: 24px !important;}

.navigation {display:none;}



.hometop { float:none !important; text-align:center !important;}



.soc {display:none !important;}




#videoBlock, #videoDiv { display:none;}

.form1 {position:inherit; margin-top: 20px; margin: 0 auto !important;}

.sub { }

.form1 {width: 100% !important;}



}





/*------------------------------------*\

	BUTTONS & FORMS

\*------------------------------------*/



/* ====== BUTTONS ====== */



input[type="submit"],

input[type="reset"],

input[type="button"],

input[type="input"],

button



{ padding: 10px 35px 10px 35px; text-align:center; max-width:220px; display:inline-block; white-space:nowrap; color:#fff !important; font-size:13px !important; background-color:#0f4c94; border:1px #236fc9 solid; font-weight:normal; border-radius:5px; -webkit-border-radius:5px; font-family: 'Lato', sans-serif; text-transform: uppercase; cursor:pointer !important;}



input[type="submit"]:hover,

input[type="reset"]:hover,

input[type="button"]:hover,

input[type="input"]:hover,

button:hover



{color: #FFF !important; background-color:#236fc9 !important;}



.topbut { margin:5px !important;}



input { width:100%; padding:10px; border:#ccc 1px solid; margin-bottom:3px; margin-top:3px; font-size:12px !important; border-radius:3px; -webkit-border-radius:3px; }



textarea { width:100%; padding:6px; margin-bottom:10px; border:#ccc 1px solid;  margin-top:3px; font-family: Arial, Helvetica, sans-serif; font-size:12px !important; border-radius:3px; -webkit-border-radius:3px;}



select { width:100%; padding:9px; border:#ccc 1px solid; margin-bottom:3px; margin-top:3px; font-size:12px !important; color: #999; cursor: pointer; background: #fff url(img/drop-down-arrow.png) no-repeat right center; background-size: 40px 37px; -webkit-appearance: none; -moz-appearance: none;border-radius:3px; -webkit-border-radius:3px; }



label { width:100%; color:#333; font-size:12px; font-family: 'Lato', sans-serif; text-transform:uppercase; }





div.wpcf7-mail-sent-ok {border: 2px solid #cccccc !important; background: #fff !important;}

div.wpcf7-validation-errors {border: 2px solid #cccccc !important; background: #fff !important;}



/*------------------------------------*\

    SOCIAL MEDIA LINKS

\*------------------------------------*/



.sociali {margin-bottom:5px !important;}



@font-face {

    font-family: 'si';

    src: url('fonts/socicon.eot');

    src: url('fonts/socicon.eot?#iefix') format('embedded-opentype'),

         url('fonts/socicon.woff') format('woff'),

         url('fonts/socicon.ttf') format('truetype'),

         url('fonts/socicon.svg#icomoonregular') format('svg');

    font-weight: normal;

    font-style: normal;

 

}

 

@media screen and (-webkit-min-device-pixel-ratio:0) {

    @font-face {

        font-family:si;

        src: url(fonts/socicon.svg) format(svg);

    }

}



.soc {

    overflow:hidden;

    margin:0; padding:0;

    list-style:none;

}



.soc li {

    display:inline-block;

    *display:inline;

    zoom:1;

}



.soc li a {

    font-family:si!important;

    font-style:normal;

    font-weight:400;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    -ms-box-sizing:border-box;

    -o-box-sizing:border-box;

    box-sizing:border-box;

    overflow:hidden;

    text-decoration:none;

    text-align:center;

    display:block;

    position: relative;

    z-index: 1;

    width: 32px;

    height: 32px;

    line-height: 32px;

    font-size: 17px;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    border-radius: 100px;

    margin-right: 8px;

    color: #ffffff;

    background-color: #187ba3;

}



.soc-icon-last{

    margin:0 !important;

}



.soc-facebook:before {

    content:'\e041';

}

.soc-instagram:before {

    content:'\e057';

}

.soc-twitter:before {

    content:'\e040';

}

.soc-youtube:before {

    content:'\e051';

}

.soc-mail:before {

    content:'\e01f';

}





/*------------------------------------*\

    MENU

\*------------------------------------*/





nav ul {

  display: inline;

  margin: 0;

  padding: 15px 4px 20px 0;

  list-style: none;

  

}



nav ul li {

  font-family: 'Lato', sans-serif;

  font-weight:normal;

  border-right:0px;

  font-size:15px;

  text-transform: uppercase;

  display: inline-block;

  margin: 0px;

  position: relative;

  padding: 5px 10px;

  cursor: pointer; 



}



nav ul li:last-child{border:none;}



nav ul li a:link { color: #fff!important; text-decoration:none;}

nav ul li a:active { color: #fff!important; text-decoration:none;}

nav ul li a:visited { color: #fff!important; text-decoration:none;}

nav ul li a:hover {color: #9e1835 !important;}



nav ul li ul {

  padding: 0;

  padding-top:15px;

  position: absolute;

  top:20px;

  left: 0;

  width: 260px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  display: none;

  opacity: 0;

  visibility: hidden;

  

}



nav ul li ul li a:link { color: #d2232a!important; text-decoration:none;}

nav ul li ul li a:active { color: #d2232a!important; text-decoration:none;}

nav ul li ul li a:visited { color: #d2232a!important; text-decoration:none;}

nav ul li ul li a:hover {color: #666666 !important;}



nav ul li ul li { 

  background: #efefef; padding:10px; border-right: none !important;

  font-size:12px;  font-family: 'Lato', sans-serif; font-weight:normal;

  display:block !important; z-index:9999; text-transform:uppercase; text-align:left !important;

  color: #fff !important; border-bottom:1px #ccc solid; padding-bottom:10px; padding-top:10px;

  

}



nav ul li ul li li:last-child{border:none;}



nav ul li ul li:hover { }

nav ul li:hover ul {

  display: block;

  opacity: 1;

  visibility: visible;

}





/* ======== SLICKNAV RESPONSIVE MENU =========== */



.slicknav_menu {

	display:none;

}



@media screen and (max-width: 65em) {

	.js #menu {

		display:none;

	}

	

	.js .slicknav_menu {

		display:block;

	}

}



/*

    Mobile Menu Core Style

*/



.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }

.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left;  }

.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }

.slicknav_menu .slicknav_no-text { margin: 0 }

.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.15em; }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }

.slicknav_nav { clear: both }

.slicknav_nav ul,

.slicknav_nav li { display: block }

.slicknav_nav .slicknav_arrow { display:none;}

.slicknav_nav .slicknav_item { display: block; cursor: pointer; }

.slicknav_nav a { display: block }

.slicknav_nav .slicknav_item a { display: inline }

.slicknav_menu:before,

.slicknav_menu:after { content: " "; display: table; }

.slicknav_menu:after { clear: both }

/* IE6/7 support */

.slicknav_menu { *zoom: 1 }



/* 

    User Default Style

    Change the following styles to modify the appearance of the menu.

*/



.slicknav_menu {

	font-size:18px;

}

/* Button */

.slicknav_btn {

	margin: 5px 5px 6px;	

	text-decoration:none;	

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;  

	background-color: #000000; font-weight:normal;

	 font-family: 'Lato', sans-serif;

}

/* Button Text */

.slicknav_menu  .slicknav_menutxt {	

	color: #ffffff;

	font-weight: normal;	

		

}

/* Button Lines */

.slicknav_menu .slicknav_icon-bar {

  background-color: #ffffff;

}

.slicknav_menu {

	background:#000000;

	padding:5px;

}

.slicknav_nav {

	color:#fff;

	margin:0;	

	padding:0;

	 font-family: 'Lato', sans-serif;

	font-size:0.875em;

}

.slicknav_nav, .slicknav_nav ul {

	list-style: none;

	overflow:hidden;

}

.slicknav_nav ul {

	padding:0;

	margin:0 0 0 20px;

}

.slicknav_nav .slicknav_item {

	padding:5px 10px;

	margin:2px 5px;

}

.slicknav_nav a{

	padding:5px 10px;

	margin:2px 5px;

	text-decoration:none;

	color:#fff;

	 font-family: 'Lato', sans-serif;

	font-size:16px; text-transform:uppercase;

}

.slicknav_nav .slicknav_item a {

	padding:0;

	margin:0;

}

.slicknav_nav .slicknav_item:hover {

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	color:#fff;	

}

.slicknav_nav a:hover{

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	color:#fff;

}

.slicknav_nav .slicknav_txtnode {

     margin-left:15px;   

}



/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/



.alignnone {

	margin:5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

a img.alignnone {

	margin:5px 20px 20px 0;

}

a img.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

.wp-caption {

	background:#FFF;

	border:1px solid #F0F0F0;

	max-width:96%;

	padding:5px 3px 10px;

	text-align:center;

}

.wp-caption.alignnone {

	margin:5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin:5px 20px 20px 0;

}

.wp-caption.alignright {

	margin:5px 0 20px 20px;

}

.wp-caption img {

	border:0 none;

	height:auto;

	margin:0;

	max-width:98.5%;

	padding:0;

	width:auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.sticky {



}

.bypostauthor {



}