/*
Theme Name: Crucial Data & Analytics Theme 
Theme URI: http://agendagroup.net
Author: agenda
Author URI: http://agendagroup.net
Description: Please contact agenda for template upkeeping.
Version: 1.0.0
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html


/*Default*/
    /* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
/* Content */
    /*.main-content-inner {padding-bottom: 1.5em;}*/
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}
/* Clearing */
.clear {
	clear: both;
}
/* Navigation */
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:active>a:after {
	border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
/* Here some needed widget styles
    * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget {
	margin-bottom: 2em;
}
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li {
	padding-left: 15px;
}
/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
    * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] {
	display: none;
}
/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}
/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
    * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
.comment .children {
	margin-left: 1.5em;
}
.entry-meta {
	clear: both;
}
/* styles for _tk_pagination und _tk_link_pages */
nav form.tk-page-nav, nav .input-group, nav .input-group-btn, nav .form-control {
	display: inline;
}
/*End Default*/

/*Global*/

    /*utilities*/
.spacer {
	margin-top: 50px;
}
/*end utilities*/

    /*typography*/
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 24px;
}
.black {
	color: #000;
}
.red {
	color: #bc2424;
}
strong, label {
	font-weight: 500;
}
.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 40px;
	margin-bottom: 40px;
}
h1.page-title.text-center, h1, .h1 {
	font-size: 30px;
	font-weight: 700;
}
.h2, h2 {
	font-size: 25px;
	font-weight: 700;
}
h3 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #bc2424;
}
footer h3 {
	color: #333;
}
a:focus, a:hover {
	color: #bc2424;
	text-decoration: none;
	background: none;
}
p {
	margin: 0 0 15px;
}
.fontawesome {
	font-family: 'FontAwesome', "Open Sans", Verdana, sans-serif
}
a {
	color: #bc2424;
}
a:hover {
	text-decoration: underline;
}
/*end typography*/

    /*Top*/

div#header-rs {
	text-align: right;
	padding-top: 40px;
}
.right-no #number:hover {
	color: #000;
}
#header-rs a:hover {
	text-decoration: none !important;
}
.right-no {
	font-size: 24px;
	display: block;
	margin-bottom: 20px;
}
div#header-rs > div:nth-child(2), div#header-rs > div:nth-child(3) {
	display: inline-block
}
a.ic-top {
	margin: 0 3px;
	font-size: 18px;
	font-weight: bold;
}
a#hd-contact-btn {
	font-size: 17px;
	margin-right: 15px;
	margin-left: 8px;
}
/*search*/
div#header-rs input.search-field {
	box-shadow: none;
	border: 1px solid #999;
	padding: 4px 20px 4px 10px;
	margin-right: -18px;
	top: -2px;
	position: relative;
	font-weight: normal;
	max-width: 200px;
}
label#search-fm i.fa.fa-search {
	position: relative;
	left: -8px;
}
 div#header-rs input.search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #000;
 font-size: 14px;
 font-weight: 400;
}
 div#header-rs input.search-field::-moz-placeholder { /* Firefox 19+ */
 color: #000;
 font-size: 14px;
 font-weight: 400;
}
 div#header-rs input.search-field:-ms-input-placeholder { /* IE 10+ */
 color: #000;
 font-size: 14px;
 font-weight: 400;
}
 div#header-rs input.search-field:-moz-placeholder { /* Firefox 18- */
 color: #000;
 font-size: 14px;
 font-weight: 400;
}
/*end seravch*/

        /*logo*/
div#logo-cotainer {
	margin-top: 25px;
	margin-bottom: 10px;
}
div#logo-cotainer img {
	max-height: 110px;
}
/*end top*/

    /*Menu*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-width: 0px;
}
.navbar-default {
	background-color: initial;
	border-width: 0px;
}
nav.site-navigation .container {
	padding: 0px;
}
nav.site-navigation {
	background: #bc2424;
}
.navbar {
	min-height: 50px;
	margin-bottom: 0px;
	border-width: 0px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: transparent;
}
#main-menu .menu-item:hover {
	color: #fff !important;
	background-color: #000;
}
#main-menu.nav { /* added by Clinton Fong */
	width: 100%;
}
#main-menu.nav li.floatRight{ /* added by Clinton Fong */
	float: right;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #fff;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	color: #fff;
	background-color: #000;
}
/*drop ddown*/


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #000;
}
.dropdown-menu>li>a {
	padding: 5px 20px;
}
.dropdown-menu {
	padding: 0px;
	background: #bc2424;
	border-width: 0px;
}
.dropdown-menu>li>a {
	padding: 12px 20px;
	color: #fff;
}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {
	color: #ffffff;
	background-color: #000000 !important;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#000), to(#000));
	background-image: -webkit-linear-gradient(top, #000, 0%, #000, 100%);
	background-image: -moz-linear-gradient(top, #000 0%, #000 100%);
	background-image: #000;
}
/*end Menu*/

    /*slideshow*/
div#slideshow-container {
	padding-right: 0px;
	padding-left: 0px;
}
/*end slideshow*/

    /*misc*/
        /*boxes*/
.uk-panel-box-secondary {
	background-color: #f3f3f3;
	color: #000;
}
/*verticle centering*/
.parent-valign {
	display: table;
}
.child-valign {
	display: table-cell;
	vertical-align: middle;
}
/*end misc*/

    /*buttons*/

a.uk-button, .btn, .button, .wpcf7-submit {
	padding: 10px 20px;
	margin: 0px;
	line-height: 1.4;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 3px;
	border-color: #cc3333;
	background: #cc3333;
	color: #fff;
	border: 1px solid rgba(0,0,0,.1)!important;
	text-decoration: none !important;
}
span.center-button {
	text-align: center !important;
	display: block;
}
input.wpcf7-form-control.wpcf7-submit:hover {
	background: #333 !important;
	transition: .3s;
}
/*end buttons*/

    /*footer*/
footer#colophon {
	background: #f3f3f3;
	padding-top: 10px;
}
.site-footer-inner ul {
	list-style: none;
	padding: 0px;
}
.site-footer-inner ul li, .site-footer-inner p {
	line-height: 26px;
}
.site-footer-inner ul li a, .site-footer-inner p {
	color: #000;
	font-size: 14px;
}
.site-copyright-inner, .site-copright-inner a {
	font-size: 15px;
	font-weight: 500;
}
.site-copright-inner a {
	margin-left: 20px;
	color: #000;
}
/*end footer*/

    /*copyright*/
div#copyright-container {
	border-top: 1px solid #999;
	padding-top: 20px;
}
#copyright-right-container {
	text-align: right;
}
footer#colophon h3 {
	margin-bottom: 15px;
	font-weight: 700;
}
a#footer-logo-btn {
	margin-top: 19px;
	display: inline-block;
}
/*end copyright*/

    /*bottom surround*/
div#col-left-red {
	font-size: 4em;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
}
div#col-left-red p:first-child {
	margin-bottom: 50px;
}
div#col-left-red p {
	margin-bottom: 0px;
}
div#col-right-red h2 {
	color: #fff;
	margin-bottom: 20px;
}
div#col-right-red form.wpcf7-form h2 {
	margin-top: 0px;
}
#col-right-red #contact-form label {
	color: #fff !important;
	margin-bottom: 15px;
}
#col-right-red #contact-form label input,
#col-right-red #contact-form label textarea{
	color: #000 !important;
}
#col-right-red #contact-form .wpcf7-submit {
	border-color: #fff;
	background: #fff;
	color: #cc3333;
	float: right
}
#col-right-red #contact-form span.wpcf7-form-control-wrap.your-email input, #col-right-red #contact-form span.wpcf7-form-control-wrap.your-company input {
	width: 99%;
}
div#red-container .textwidget {
	line-height: 1.3;
}
div#red-container {
	padding: 0px;
}
/*end of bottom surround*/

    /*contact form 7*/

div#contact-form label {
	margin-bottom: 10px;
	width: 100%;
}
div#contact-form label input {
	margin-top: 10px;
	width: 100%;
}
div#contact-form .wpcf7-submit {
	float: right;
	top: 25px;
	position: relative;
}
/*end of contact form 7*/

    /*top */
div#top-banner {
	padding: 0px;
}
div#top-banner h1 {
	margin: 0px;
	font-size: 56px;
	text-shadow: 0px 1px 3px #333;
}
div#top-banner > div {
	background-size: cover !important;
	background-position: 50% 50% !important;
	background-color: #F3F3F3 !important;
	color: #fff !important;
}
div#top-title {
	padding-top: 100px;
	padding-bottom: 100px;
}
div#top-banner .container {
	position: relative;
}
div#top-banner {
	overflow: hidden;
}
.main-content {
	position: relative;
	overflow: hidden;
}
img#logo-ic {
	position: absolute;
	height: 40.750em;
	right: -281px;
	opacity: 0.15;
	bottom: -184px;
	z-index: -1;
}
/*end top*/

/*end GLOBAL*/

/*home*/
div#red-encapsulate {
	font-size: 72px;
	line-height: 1.2em;
	font-weight: bold;
	display: table;
}
div#red-encapsulate .valign {
	display: table-cell;
	vertical-align: middle;
}
div#red-encapsulate p {
	color: #fff;
	display: none;
}
div#red-encapsulate p.active {
	display: block;
}
div#red-encapsulate p:first-child {
	margin-bottom: 30px;
}
.fp-slideshow .uk-heading-large {
	font-size: 68px;
	line-height: 100%;
	font-weight: 800;
}
/*Slideshow Bottom*/
div#slideshow-bottom-container {
	padding-top: 10px;
	padding-bottom: 40px;
	background: #f3f3f3;
}
.sv-grid-bottom img {
	max-width: 125px;
	padding-top: 20px;
}
/*End Slideshow Bottom*/



    /*red row*/

div#red-surround {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
}
.fp-para {
	position: absolute;
	top: 0px;
	height: 100% !important;
	left: 0px;
	width: 100%;
}
.fp-red-grid .uk-panel {
	background: #fff;
	padding: 30px;
}
.fp-red-grid h3.uk-panel-title {
	color : #cc3333;
	font-size: 23px;
	font-weight: 500;
}
.crucial-diffrence .uk-panel-title a {
	color: #000;
	font-size: 25px;
	font-weight: 400;
}
.crucial-diffrence .uk-slideset-nav {
	margin-bottom: 0px;
}
.uk-panel-box {
	background: #f3f3f3;
	border: 1px solid #f3f3f3;
}
.crucial-diffrence .uk-panel > p:last-child {
	text-align: center;
}
.fp-red-grid p {
	font-size: 15px;
	line-height: 20px;
}
/*end red row*/


.sv-grid-bottom .uk-text-center {
	margin-bottom: 0px;
	font-size: 22px;
}
.sv-grid-bottom .uk-panel-title {
	font-size: 18px;
	font-weight: 500;
}
/*end home*/

/*about*/

img.abt-image-left {
	display: block;
	margin: 0 auto;
}
.even-abt-row .spacer {
	margin: 0px;
}
.page-template-about-template .fp-para {
	height: 100% !important;
}
div#col-left-red {
	display: table;
}
div#col-left-red .valign {
	display: table-cell;
	vertical-align: middle;
}
#col-left-red > div {
	display: table;
}
#col-left-red > div > div {
	display: table-cell;
	vertical-align: middle;
}
/*end about*/

/*contact page*/

.classct-msg .wpcf7-textarea {
	width: 100%;
	height: 150px;
}
div#contact-map .container-fluid {
	padding: 0px;
	margin-bottom: -10px;
}
.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
	padding: 4px 20px 4px 10px;
	border: 1px solid #999;
	box-shadow: none;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	margin-top: 10px;
}
/*end contact page*/

/*team page*/
.team-widget img {
	width: 100%;
}
.page-id-12 .fa.fa-linkedin {
	position: relative;
	top: -2px;
	border: 2px solid #bc2424;
	padding: 4px 5px 4px 6px;
	border-radius: 50%;
	margin-right: 5px;
}
/*end team page*/

/*Machine learnig*/

.row.feature-box {
	background: #bc2424;
	margin-top: 30px;
	margin-bottom: 20px;
}
.row.feature-box .feature-column.image {
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.row.feature-box * {
	color: #fff;
}
.feature-column:not(.image) {
	padding: 0px 30px 30px 30px
}

/*end machine earnign*/

.uk-panel-box-secondary {
    background: #BC2424;
    border: 0;
    color: white;
}

.uk-panel-box-secondary h3 {
    font-weight: bold;
}

/*Responsive*/

    /*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
.fp-slideshow .uk-heading-large {
	font-size: 36px;
}
/*red strip*/
div#red-encapsulate, div#col-left-red {
	font-size: 38px;
}
/*end red strip*/

        /*footer*/
.site-footer-inner * {
	text-align: center;
}
div#copyright-container * {
	text-align: center;
}
/*end footer*/

}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
/*menu fix*/
.menu-adj {
	display: none;
}
/*end menu fix*/

        /*footer*/
.site-footer-inner * {
	text-align: center;
}
div#copyright-container * {
	text-align: center;
}
/*end footer*/
}

@media (max-width: 767px) {
/*Global*/
            /*Padding Fix*/
.row {
	margin-right: 0px;
	margin-left: 0px;
}
/*Menu Fix*/
.site-navigation-inner {
	padding: 0px
}
/*contact form pad fix*/
div#contact-form .row > div {
	padding: 0px;
}
/*padding*/
.internal.row > div {
	padding: 0px;
}
/*end Global*/
.navbar-nav .open .dropdown-menu {
	background-color: white;
	color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #fff;
	background-color: #000;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
	padding: 10px 15px 10px 25px;
}
img#logo-ic {
	height: 25.750em;
}
#main-menu.nav li.floatRight{ /* added by Clinton Fong */
	float: none;
	margin-top: 20px;
}

}

/*Phone landscape*/
@media only screen and (min-device-width : 320px) and (max-device-width : 667px) and (orientation : landscape) {
div#logo-cotainer img {
	display: block;
	margin: 0 auto;
}
a#footer-logo-btn img {
	max-width: 300px;
}
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
/*menu fix*/
.menu-adj {
	display: none;
}
/*end menu fix*/

        /*logo fix*/
div#logo-cotainer a img {
	display: block;
	margin: 0 auto;
}
/*logo fix*/

        /*footer fix*/
footer#colophon * {
	text-align: center
}
div#ft-col-4 {
	padding: 0px 35px;
}
a#footer-logo-btn {
	margin-top: 20px;
}
/*end footer fix*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.sv-grid-bottom img {
	max-width: 135px;
	padding-top: 20px;
}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1400px) {
/*global*/
.article-image {
	max-width: 670px;
}
/*global images*/

        /*grid*/
.container {
	width: 1370px;
}
/*end grid*/

}
/*end Responsive*/

/*mobile*/


.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent;
}
/*menu left*/
div#menu-adj * {
	color: #fff;
	margin-top: 8px;
}
div#menu-adj {
	margin-left: 15px;
}
    /*end menu left*/


/*end mobile*/

#contact-map{
	max-width:100%;
	overflow:hidden;	
}