/*
Theme Name: Robintek Child Theme
Theme URI: http: http://www.robintek.com/
Description: This is a custom child theme for Salient
Author: Robintek
Author URI: http://www.robintek.com/
Template: salient
Version: 0.1
*/

/*==== FONTS =======================================================================================*/

@font-face {
	font-family: "roboto-regular";
	src: none; /* EOT file for IE */
}

@font-face {
	font-family: "roboto-regular";
	src: none format("truetype"); /* TTF file for IE */
}

@font-face {
	font-family: "roboto-light";
	src: none; /* EOT file for IE */
}

@font-face {
	font-family: "roboto-light";
	src: none format("truetype"); /* TTF file for IE */
}

@font-face {
	font-family: "roboto-bold";
	src: none; /* EOT file for IE */
}

@font-face {
	font-family: "roboto-bold";
	src: none format("truetype"); /* TTF file for IE */
}

@font-face {
	font-family: "roboto-medium";
	src: none; /* EOT file for IE */
}

@font-face {
	font-family: "roboto-medium";
	src: none format("truetype"); /* TTF file for IE */
	}

@font-face {
	font-family: "roboto-black";
	src: none; /* EOT file for IE */
}

@font-face {
	font-family: "roboto-black";
	src: none format("truetype"); /* TTF file for IE */
}

body{
	font: 14px "roboto-regular";
	line-height: 24px;
}

p a {
	border-bottom: 2px solid transparent!important;
	color: #000!important;
	font-family: 'roboto-medium';
}

p a:hover {
	border-bottom: 2px solid #fcee21!important;
}
.main-content a:hover {
	color: #fcee21!important;
}
h2 {
	color: #656565;
	font: 34px 'roboto-light';
}

/*==== HEADER =======================================================================================*/

#header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a:after {
	border-color:#fcee21!important;
}

#header-secondary-outer nav > ul > li > a{
	border-left: none!important;
}

#header-secondary-outer nav > ul > li:last-child{
	border-right: none!important;
}

.ascend #header-outer[data-full-width="true"] header#top nav ul #search-btn a{
	border-left: none!important;
}

body[data-header-color="custom"] header#top nav ul #search-btn > div,
header#top nav ul #search-btn > div {
	border-left: none;
}

header#top nav > ul > li > a {
	font: 16px "roboto-regular";
	letter-spacing: 1px;
	text-transform: uppercase;
}

#header-outer #logo {
	float: left;
}

.hdr-phone {
	/* color: #000;
	float: right;
	font: 24px "roboto-regular"; */
	display: none!important;
}

.hdr-rt {
	float:right;
	margin-top: 10px!important;
}

.hdr-rt p {
	color: #fcee21;
	font: 18px "roboto-bold";
	padding-bottom: 10px;
}

.hdr-rt p span:not(.bg) {
	color: #ffffff;
}

span.bg {
	background-color: #666;
	padding: 1px 10px!important;
}

#header-outer .container {
	max-width: 100%;
	padding: 0;
}

#header-outer .container .col.span_3 {
	margin: 0 auto;
	max-width: 1425px;
	padding: 0 90px 20px;
}

#header-outer .col.span_9.col_last {
	border-top: 1px solid #dcdcdc;
	padding: 10px 0;
}

body #header-outer[data-format="centered-menu-under-logo"] header#top .span_9 nav >ul >li:not(#social-in-menu):not(#search-btn):not(.slide-out-widget-area-toggle) >a {
	padding-bottom: 8px!important;
}

.current_page_item a {
	font-family: "roboto-black"!important;
}

#header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a:after {
	border-width: 5px;
}

/*==== FOOTER =======================================================================================*/



a#rtek:hover {
	border-bottom: 2px solid #fcee21;
}

#footer-outer #copyright .col {
	font-family: 'roboto-light';
}

.ascend #footer-outer #footer-widgets .col .widget_nav_menu ul li a {
	display: inline-block;
   font: 18px "roboto-light";
}

.ascend #footer-outer .widget h4 {
   font: 22px "roboto-light";
   letter-spacing: 0;
   text-transform: uppercase;
}

.ascend #footer-outer #footer-widgets .col ul li a:hover {
	border-bottom: 2px solid #fcee21!important;
}

#copyright .container {
	border-top: 2px solid #d3d3d3;
	padding-top: 10px;
}

#footer-outer img {
	height: 200px!important;
}

#footer-outer .row {
	padding: 55px 0px 10px;
}

body:not(.home) #footer-outer {
	border-top: 2px solid #d3d3d3;
}

/*==== HOME PAGE =======================================================================================*/

/*--- Slider ---*/

#slider-row .swiper-slide .content img {
    bottom: 60px;
    margin-bottom: 0;
    position: absolute;
    right: 40px;
}

#slider-row .swiper-slide[data-x-pos="right"] .content {
	bottom: 0;
	padding: 0!important;
	right: 50px;
}

.swiper-slide .container {
    z-index: 100;
    max-width: 100%!important;
    height: 100%;
}

/*--- Icon Menu ---*/

#icon-menu-row a {
	color: #656565;
	font: 22px 'roboto-light';
}

#icon-menu-row .vc_col-sm-3 {
	border-top: 7px solid transparent;
	padding: 1%;
	text-align: center;
}

#icon-menu-row .vc_col-sm-3:hover {
	border-top: 7px solid #fcee21;
}

#icon-menu-row .vc_col-sm-3:hover .iwt-icon i {
	color: #fcee21!important;
}

.iwithtext {
	display: inline-block;
}

#logo-row p {
	font: 18px 'roboto-medium';
}

/*--- Discover Row ---*/

#discover-row h1 {
	color: #fff;
	font: 48px 'roboto-light';
}

#discover-row .discover-txt {
	border: 7px solid rgba(252, 238, 33, 0.7);
	color: #000;
	font: 20px 'roboto-light';
	line-height: 32px;
	padding: 3%;
}

#discover-row .discover-txt .wpb_wrapper {
	background-color: rgba(255,255,255,0.8);
	padding: 5%;
	position: relative;
}

#discover-row .discover-link {
	border-bottom: 5px solid transparent;
	bottom: 5%;
	position: absolute;
	right: 3%;
}

#discover-row .discover-link:hover {
	border-bottom: 5px solid #fcee21;
}

#discover-row {
	padding: 5%!important;
}

/*--- Solutions Row ---*/

#solutions-row p {
	font: 20px 'roboto-medium';
}

#solutions-row .vc_col-sm-3:hover p {
	color: black;
}

#solutions-row .vc_col-sm-3:hover .divider-border {
	box-shadow: inset 300px 0 0 0 #656565;
}

#solutions-row .vc_col-sm-3 .divider-border {
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
}
.slider-down-arrow {
	background-color: rgba(0,0,0,0.6)!important;
}
.slider-down-arrow:hover {
	background-color: rgba(0,0,0,0.8)!important;
}


/*--- Questionnaire and Ready Row ---*/

#questionnaire-row p,
#ready-row p {
	font: 36px "roboto-light";
}

#ready-row {
	border-bottom: 10px solid #fff;
}

/*--- Buttons ---*/

.btn {
	border: none;
	display: inline-block;
	font: 18px 'roboto-bold';
	padding: 10px 30px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

.btn:hover {
	border: none;
}

.main-content .btn-yellow {
	background-color: #fcee21;
	color: #000;
}

.main-content .btn-yellow:hover {
	background-color: #656565;
	color: #fff!important;
}

.main-content .btn-gray {
	background-color: #656565;
	color: #fff!important;
}

.main-content .btn-gray:hover {
	background-color: #fcee21;
	color: #000!important;
}

/*--- Featured Project Row ---*/

.hdr-row .btn {
	float: right;
}

.hdr-row h2 {
	float: left;
}

#projects-row .portfolio-items .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
	background-color: #656565!important;
}

body #projects-row .carousel li.span_4, body .portfolio-items.carousel li.span_4 {
	border-bottom: 10px solid #fcee21;
	padding-bottom: 10px;
}

/*--- Form Row ---*/

a#gf_2 {
	display: block;
	margin-top: -100px;
	padding-top: 100px;	
}

body .gform_wrapper form.gf_simple_horizontal div.gform_body {
	width: 100%;
}

.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield {
	padding-right: 0!important;
}

.gform_wrapper form div.gform_footer.top_label input[type=submit] {
	color: #000;
	font: 18px 'roboto-bold';
	padding: 15px 45px!important;
	text-transform: uppercase;
	background-color: #fcee21!important;
}
.gform_wrapper form div.gform_footer.top_label input[type=submit]:hover { 
	background-color: #656565!important;
}
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label input[type=submit]:hover {
	background-color: #656565!important;
	color: #fff;
	opacity: 1!important;
}

.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield input.large {
	background-color: #fff!important;
	border: none!important;
}

#form-row .gform_wrapper li.hidden_label input {
	margin-top: 0;
}

#form-row .bg-img {
	background-position: 50% 25%;
}

/*--- Mail Chimp ---*/

#mc_embed_signup form#mc-embedded-subscribe-form {  
	padding: 0;
	text-align: left;
}

#mc_embed_signup .clear {
	margin: 0 auto;
	text-align: center;
}

#mc_embed_signup .button {
	color: #000!important;
	font: 18px 'roboto-bold'!important;
	height: 100%!important;
	line-height: normal;
	padding: 14px 45px!important;
	text-transform: uppercase;
}

#mc_embed_signup .button:hover {
	background-color: #656565!important;
	color: #fff!important;
	opacity: 1!important;
}

#mc_embed_signup #mce-success-response {
	color: #fcee21;
	font-size: 16px;
	padding: 0;
	width: 100%;   
}

/*--- What's New Row ---*/

.whats-new-inner {
	margin: 0 auto!important;
	max-width: 1425px;
	padding: 0 90px;
}

#whats-new-row {
	background: #e6e6e6; 
	background: -webkit-linear-gradient(left, #ababab , #f8f8f8,#bebebe); 
	background: -o-linear-gradient(right, #ababab, #f8f8f8,#bebebe); 
	background: -moz-linear-gradient(right, #ababab, #f8f8f8,#bebebe);
	background: linear-gradient(to right, #ababab, #f8f8f8,#bebebe); 
}

body .blog-recent .col .post-header h3.title a {
	color: #656565!important;
	font: 18px "roboto-bold";
	text-transform: uppercase;
}

.blog-recent p,
.blog-recent .meta {
	display: none;
}

.blog-recent img.wp-post-image {
	border-bottom: 10px solid #fcee21;
	padding-bottom: 10px;
}

a img.wp-post-image:hover {
	border-bottom: 10px solid #656565;
}

#social-row h2 {
	font: 56px 'roboto-bold';
	line-height: 56px;
}

body #social-row [class^="icon-"].icon-default-style {
	color: #919191!important;
	font-size: 62px!important;
	height: 62px;
	line-height: 62px!important;  
	width: 62px;
}

body #social-row:hover [class^="icon-"].icon-default-style {
	color: #fcee21!important;
}

/*==== SUB PAGES ======================================================================================*/
/*
.nectar-fancy-ul ul li a {
	color: #656565;
	font: 18px 'roboto-medium';
}

.nectar-fancy-ul ul li {
	border-bottom: 3px solid #fcee21;
	padding: 5px 5px 5px 38px;
}

.nectar-fancy-ul ul li:last-child {
	border-bottom: none;
}

.nectar-fancy-ul ul li .icon-default-style.icon-stop {
	line-height: 38px!important;
}

.nectar-fancy-ul ul {
	border: 2px solid #656565;
	padding: 20px 30px;
}
*/
.display_archive .campaign {
	visibility: hidden;
}

.display_archive .campaign a {
	color: #000;
	font: 18px 'roboto-medium';
	left: 55px;
   position: absolute;
	visibility: visible;
}

.display_archive .campaign a:hover {
	color: #000!important;
}

.campaign:after {
	background-color: #fcee21;
	content: '';
	display: block;
	height: 3px;  
	margin: 15px 0 0;
	visibility: visible;
	width: 100%;
}

.campaign:last-child:after {
	content: '';
	display: none;
}

.display_archive {
	padding: 20px 30px;
}

.campaign:before {
	background-color: #656565;
	content: '';
	display: inline-block;
	float: left;
	height: 13px;
	margin-top: 6px;
	visibility: visible;
	width: 13px;
}

body #page-header-bg h1 {
	background-color: rgba(102, 102, 102, 0.8);
	font: 72px 'roboto-regular';
	padding: 0 10px;
	text-transform: uppercase;
}

#page-header-bg .span_6 {
	border-bottom: 7px solid #fcee21;
	display: inline-block;
	float: none;
	width: auto;	
}

#page-header-wrap {
	
}

.fl-lt {
	float: left;
}

.fl-rt {
	float: right;
}
#search-results .result p {
	display: none!important;
}
.image-hover {
	transition: all 0.2s ease;
}
.image-hover:hover {
	opacity: 0.6!important;
}

/*--- Forms -----------------------------------------------*/

body .gform_wrapper .top_label .gfield_label {
	font: 18px 'roboto-bold';
}

.ginput_container.ginput_container_textarea {
	margin-top: 32px!important;
}

body .gform_wrapper .top_label .gfield_label {
	margin-top: 14px;
}

body[data-fancy-form-rcs="1"] [type="radio"]:not(:checked)+label,
body[data-fancy-form-rcs="1"] [type="radio"]:checked+label {
	color: #656565!important;	
	font-size: 16px;
	line-height: 16px;
}

.ginput_container.ginput_container_radio {
	max-width: 400px;
}

.gform_wrapper li.gfield.field_description_below+li.gsection {
	margin: 0!important;
}

body[data-fancy-form-rcs="1"] .gfield_radio [type="radio"]:checked + label:before,
body[data-fancy-form-rcs="1"] .gfield_radio [type="radio"] + label:before,
body[data-fancy-form-rcs="1"] .gfield_radio [type="radio"]:not(:checked)+label:before {
	border-color: #a3a3a3!important;
	border-width: 1px;
}

body[data-fancy-form-rcs="1"] .gfield_radio [type="radio"]:checked+label:after {
	background-color: #656565!important;
	border-color: #656565!important;
}

.gform_wrapper textarea.large {
	max-height: 200px;
}

body[data-form-submit="regular"] input[type=submit]:hover, 
body[data-form-submit="regular"] button[type=submit]:hover {
	background-color: #656565!important;
	color: #fff!important;
	opacity: 1;
}

/*--- End Form -----------------------------------------------*/

::selection {
	background: #656565;
	color: #fff;
}

::-moz-selection {
	background: #656565;
	color: #fff;
}

a[href^="tel:"] {
	border-bottom-color: #fcee21;
}

.contact-pg .nectar_icon_wrap[data-color="extra-color-1"] .nectar_icon:hover i {
	color: #fcee21!important;
}

/*--- Individual Portfolio pages ------------------------------------------------------*/

.single-portfolio .row .col.section-title h1, 
.single-portfolio .row .col.section-title .subheader {
	color: #656565;
	font: 42px 'roboto-regular';
	font-weight: normal;
	text-align: left;
}

.project-title .section-title {
	padding: 0!important;
}

/*==== MEDIA QUERIES =================================================================================*/

@media (max-width: 1100px){
	.hdr-rt p {
	font-size: 14px;
	}
}

@media (max-width:1000px){
	#copyright #rtek {
   float: none;
   text-align: center;
	}
	#footer-outer #copyright .container .col {
   width: 100%;
   text-align:center;
	}
	.hide {
	display: none;
	}
	#header-outer .col.span_9.col_last {
	border-top: none;
	padding: 0;
	}
	#header-outer .container {
	max-width: 600px;
	}
	#header-outer .container .col.span_3 {
	max-width: 100%;
	padding: 0;
	}
	.hdr-rt,
	.hdr-phone {
	display: none;
	}
	body header#top #logo img, 
	body #header-outer[data-permanent-transparent="false"] #logo .dark-version {
	height: 24px!important;
	}
	#slider-row .swiper-slide .content img {
	bottom: 40px;
	height: 100px;
	right: 0;
	}
	#slider-row,
	#slider-row .nectar-slider-wrap,
	#slider-row .swiper-container,
	#slider-row .swiper-slide {
	height: 450px!important;
	}
	.iwithtext .iwt-text {
	padding-left: 30px;
	}
	#icon-menu-row a {
	font-size: 18px;
	}
	body #icon-menu-row [class^="icon-"].icon-default-style {
	line-height: 26px!important;
	height: 26px;
	width: 26px;
	font-size: 26px!important;
	}
	#icon-menu-row .vc_col-sm-3 {
	clear: none;
	width: 25%!important;
	}
	#logo-row .vc_col-sm-6 {
	padding: 3%!important;
	}
	h1 {
	text-align: center;
	}
	#discover-row h1 {
	font-size: 36px;
	line-height: 42px;
	}
	#discover-row .discover-link {
	border-bottom: none;
	bottom: auto;
	display: inherit;
	position: relative;
	right: auto;
	text-align: center; 
	}
	#solutions-row .vc_col-sm-3:hover .divider-border {
	box-shadow: none;
	}
	#divider-row .divider-border {
	margin-top: 0!important;
	}
	#whats-new-row .row.blog-recent .col.span_4 {
	padding-bottom: 40px;
	text-align: center;
	}
	#social-row h2 {
	font-size: 42px;
	line-height: 42px;
	}
}

@media (max-width:690px){
	#copyright #rtek {
   display: inline-block;
	}
	#slider-row,
	#slider-row .nectar-slider-wrap,
	#slider-row .swiper-container,
	#slider-row .swiper-slide {
	height: 350px!important;
	}
	#icon-menu-row .vc_col-sm-3 {
	border-bottom: 3px solid #fcee21;
	margin: 0 auto!important;
	padding: 10px 0;
	width: 100%!important;    
	}
	#icon-menu-row .vc_col-sm-3:last-child {
   border-bottom: none;
	}
	#icon-menu-row .vc_col-sm-3:hover,
	#icon-menu-row .vc_col-sm-3 {
	border-top: none;
	}
	#icon-menu-row {
	margin-top: 20px;
	}
	#logo-row img {
	height: 200px;
	}
	#discover-row {
	padding: 0!important;
	}
	#questionnaire-row p, 
	#ready-row p {
	font-size: 26px;
	}
	.hdr-row .btn,
	.hdr-row h2 {
	float: none;
	}
	.hdr-row {
	margin-bottom: 0!important;
	text-align: center;
	}
	.hdr-row h2 {
	padding: 3%;
	}
	#form-row .gform_wrapper {
	margin-bottom: 0!important;
	}
	#social-row a {
	display: block;
	padding-top: 20px;
	}
	.whats-new-inner {
	padding: 0;
	}
	#solutions-row .divider-wrap {
	margin: 0 auto;
	max-width: 300px;
	}
	body #projects-row .carousel-wrap[data-full-width="false"] .control-wrap {
	display: inline-block;
	position: relative;
	right: auto;
	}
	body #projects-row .carousel-wrap[data-full-width="false"] .container {
	padding: 15px 0 5px;
	text-align: center;
	}
}

@media (max-width: 480px){
	#slider-row,
	#slider-row .nectar-slider-wrap,
	#slider-row .swiper-container,
	#slider-row .swiper-slide {
	height: 300px!important;
	}
	#slider-row .swiper-slide[data-x-pos="right"] .content {
	right: 20px;
	}
	#slider-row .swiper-slide .content img {
	bottom: 20px;
	}
	#slider-row .swiper-slide .content img {
	height: 60px;
	}
	.btn {
	font-size: 16px;
	padding: 10px;
	}
	#social-row h2 {
	font-size: 36px;
	line-height: 36px;
	}
	#logo-row p {
	font-size: 16px;
	}
	#discover-row .discover-txt {
	font-size: 16px;
	line-height: 26px;
	}
	#discover-row .discover-link {
	line-height: 20px;
	}
	#solutions-row img {
	max-width: 60%!important;
	}
	#solutions-row .divider-wrap {
	max-width: 60%;
	}
}

@media (max-width: 360px){
	#footer-outer #footer-widgets .container {
	padding-left: 3%;
	}
	.home #whats-new-row .blog-recent .col .post-header h3 a {
	font-size: 16px;
	}
	#social-row h2 {
	font-size: 30px;
	}
}