/* 
Theme Name: Responsive Child Theme
Theme URI: http://cyberchimps.com/guide/child-theme-example/
Description: Responsive Child Theme
Template: responsive
Version: 1.0.0
Author: CyberChimps
Author URI: https://cyberchimps.com/
License: GNU General Public License
License URI: license.txt

*/

/* =Start From Here
-------------------------------------------------------------- */
@font-face {font-family:"Lato Regular";src:url("fonts/Lato-Regular.eot?") format("eot"),url("fonts/Lato-Regular.woff") format("woff"),url("fonts/Lato-Regular.ttf") format("truetype"),url("fonts/Lato-Regular.svg#Lato-Regular") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family:"Lato Italic";src:url("fonts/Lato-Italic.eot?") format("eot"),url("fonts/Lato-Italic.woff") format("woff"),url("fonts/Lato-Italic.ttf") format("truetype"),url("fonts/Lato-Italic.svg#Lato-Italic") format("svg");font-weight:normal;font-style:normal;}
@font-face {
  font-family: 'Lato-Black';
  src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/Lato-Black.woff') format('woff'), url('fonts/Lato-Black.ttf')  format('truetype'), url('fonts/Lato-Black.svg#Lato-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'CURLZ';
    src: url('fonts/CURLZ.eot');
    src: url('fonts/CURLZ.eot') format('embedded-opentype'),
         url('fonts/CURLZ.woff2') format('woff2'),
         url('fonts/CURLZ.woff') format('woff'),
         url('fonts/CURLZ.ttf') format('truetype'),
         url('fonts/CURLZ.svg#CURLZ') format('svg');
}

body {
  color: #2d2d2d;
  font-family: "Lato Regular";
}
body.home {
  font-size: 18px;
}
#container {
  padding: 0 15px;
}
/*.container {
  margin: 0 auto;
  max-width: 960px;
  padding: 0 15px;
}*/
.skip-container { display: none;}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: 'Lato-Black'; color: #8e512d;}
/*-------------------------------Header--------------------------*/
#header { background: #fff none repeat scroll 0 0;}
#logo {
  padding: 34px 0;
  text-align: center;
  width: 64%;
  background: rgba(0, 0, 0, 0) url("images/logo_bg.jpg") no-repeat scroll 0 0 / 100% 100%;
}
.site-name {
  margin: 0 auto;
  max-width: 320px;
  padding-top: 0;
}
.site-name a { color: #ffffff; font-family: 'CURLZ'; font-size: 38px;}
.site-description {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 0;
}
.top-widget {
  background: rgba(0, 0, 0, 0) url("images/top-widget_bg.jpg") no-repeat scroll right bottom / auto 100%;
  padding: 20px 10% 16px 2%;
  text-align: center;
  width: 24%;
}
.slogan {
  color: #2d2d2d;
  font-family: "Lato Italic";
  font-size: 18px;
  margin: 35px 0 5px;
  line-height: 1;
}
.call {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #316CA0),
	color-stop(1, #082F56)
);
background-image: -o-linear-gradient(bottom, #316CA0 0%, #082F56 100%);
background-image: -moz-linear-gradient(bottom, #316CA0 0%, #082F56 100%);
background-image: -webkit-linear-gradient(bottom, #316CA0 0%, #082F56 100%);
background-image: -ms-linear-gradient(bottom, #316CA0 0%, #082F56 100%);
background-image: linear-gradient(to bottom, #316CA0 0%, #082F56 100%);
  border-radius: 6px;
  color: #dedede;
  font-size: 24px;
  margin: 10px 0 40px;
  padding: 3px 5px;
}
.call a {color: #ffffff;}
/*-------------------------------Navigation--------------------------*/
.main-nav {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #555555),
	color-stop(1, #1D1D1D)
);
background-image: -o-linear-gradient(bottom, #555555 0%, #1D1D1D 100%);
background-image: -moz-linear-gradient(bottom, #555555 0%, #1D1D1D 100%);
background-image: -webkit-linear-gradient(bottom, #555555 0%, #1D1D1D 100%);
background-image: -ms-linear-gradient(bottom, #555555 0%, #1D1D1D 100%);
background-image: linear-gradient(to bottom, #555555 0%, #1D1D1D 100%);
}
.menu { background: transparent none repeat scroll 0 0; margin: 0 auto;  max-width: 960px;}
.menu a {
  border-left: medium none;
  height: 42px;
  line-height: 42px;
  padding: 0 25px;
  text-shadow: none;
  text-transform: uppercase;
}
/*-------------------------------Product--------------------------*/
.grid.col-220:nth-child(4), .grid.col-220:nth-child(8), .grid.col-220:nth-child(12), .grid.col-220:nth-child(16), .grid.col-220:nth-child(20) { margin-right: 0;}
#all_products p {
  margin-bottom: 0;
  text-align: center;
}
/*-------------------------------.front-boxes--------------------------*/
.front-boxes .grid.col-220 {
  background: #000000 none repeat scroll 0 0;
  border: 5px solid #c2c2c2;
  width: 22.3%;
}
.front-boxes img {max-width: 100%;}
.front-boxes img:hover {
  opacity: 0.8 !important;
  -moz-transition: opacity 0.3s ease-in 0s;
  -webkit-transition: opacity 0.3s ease-in 0s;
  -o-transition: opacity 0.3s ease-in 0s;
  -ms-transition: opacity 0.3s ease-in 0s;
  transition: opacity 0.3s ease-in 0s;
}
.front-boxes h5 {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  margin: -30px 0 0;
  padding: 7px 5px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.front-boxes h5 a {
  color: #ffffff;
  font-family: "lato regular";
  font-size: 12px;
}
.front-boxes h5 a:hover { color: #AB6A44;}
.front-boxes .col-220:last-child {  margin-right: 0!important;}
/*-------------------------------Wrapper--------------------------*/
.wrapper-container {
  background: rgba(0, 0, 0, 0) url("images/bgx.gif") repeat scroll 0 0;
}
#wrapper { border: medium none; border-radius: 0; margin: 0 auto;}
#content { margin-bottom: 0; margin-top: 0;}
h1 { font-size: 1.8em;}
.services > li { font-weight: bold; line-height: 2;}
.home .wp-caption {
  background: #d5d5d5 none repeat scroll 0 0;
  border: medium none;
  max-width: 100%;
  padding: 5px;
}
.home .wp-caption p.wp-caption-text {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  color: #fff;
  font-size: 18px;
  margin: -36px 0 0;
  padding: 5px;
  position: relative;
}
.home .wp-caption img {
  max-width: 100%;
}
/*-------------------------------Forms--------------------------*/
.gform_button.button {
  background: #ab6a44 none repeat scroll 0 0 !important;
  border: medium none !important;
  color: #fff !important;
  font-weight: normal !important;
  padding: 2px 15px !important;
}
#gform_wrapper_1.gform_wrapper {
  background: #3d3d3d none repeat scroll 0 0;
  margin: 0;
  max-width: 100%;
  padding: 5px 15px;;
}
#gform_1 .large {
  width: 100%;
  border: none;
  box-shadow: none;
  padding: 8px 5px;
  font-size: 13px;
}
#gform_wrapper_1.gform_wrapper .gform_footer {
  margin: 0;
  padding: 0 1em 0.625em;
  text-align: right;
}
#gform_wrapper_1.gform_wrapper textarea.large {
  padding-left: 8px;
  width: 100%;
}
/*-------------------------------Sidebar--------------------------*/
#widgets { margin-top: 0;}
.widget-wrapper {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  padding: 20px 0;
}
#widgets ul, #widgets ol {
  padding: 0;
}
.menu-widget li {
  background: #c17566 none repeat scroll 0 0;
  border-radius: 0.5em;
  list-style: outside none none;
  margin-bottom: 1px;
  padding: 7px;
}
.menu-widget li a {
  color: #fff;
  font-weight: bold;
}
/*-------------------------------Gallery--------------------------*/
.carousel-slider {
  clear: both;
}
.amazingcarousel-image a {
  display: none!important;
}
#wonderplugincarousel-1 .amazingcarousel-item-container {
  border: 1px solid #eee !important;
}
/*--------------Tabby Responsive Tabs----------------*/
.responsive-tabs .responsive-tabs__panel { border: 1px solid #dccf00 !important; min-height: 120px;}
.responsive-tabs .responsive-tabs__list__item { background: #000 none repeat scroll 0 0!important;}
.responsive-tabs .responsive-tabs__list__item:hover, .responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover { background: #e9db07 none repeat scroll 0 0 !important;  border-color: #DCCF00!important; color: #000 !important;}
#tablist1-panel1 ul, #tablist1-panel2 ul, #tablist1-panel3 ul { padding-left: 0!important;}
.responsive-tabs .responsive-tabs__list__item { border-radius: 7px 7px 0 0 !important;}
/*-------------------------------Footer--------------------------*/
#footer { max-width: 100%;  padding: 0; background: #3d3d3d none repeat scroll 0 0; color: #fff;}
#footer a {color: #fff;}
#footer a:hover {color: #F1B48E;}
#footer-wrapper { margin: 0 auto; max-width: 910px; overflow: hidden; padding: 0 25px;}


#responsive-menu { height: auto!important;}


/*-------------------------------Custom Media--------------------------*/
@media screen and (max-width:1024px){
}
@media screen and (min-width:768px) and (max-width:1023px){
#click-menu { display: none!important;}
.grid, .grid-right {  float: left !important;}
.col-60, .col-140, .col-220, .col-300, .col-380, .col-460, .col-540, .col-620, .col-700, .col-780, .col-860 {  margin-right: 2.12766%!important;}
.col-220 { width: 23.4043%!important;}
.col-300 { width: 31.9149%!important;}
.col-380 { width: 40.4255% !important;}
.col-540 { width: 57.4468% !important;}
.col-460 { width: 48.9362% !important;}
.col-620 { width: 65.9574% !important;}
.col-700 { width: 74.4681%!important;}
  
.fit {  margin-right: 0!important;}
  .site-name a { font-size: 32px;}
  .site-description { font-size: 22px;}
  .slogan { font-size: 14px; margin: 30px 0 5px;}
  .call { font-size: 19px; margin: 10px 0 25px;}
  .front-boxes .grid.col-220 { width: 21.9%!important;}
  .front-boxes h5 a { font-size: 9px;}
  .front-boxes h5 { margin: -30px 0 0; padding: 3px 0 7px;}
  h1 { font-size: 1.5em;}
}
@media screen and (min-width:568px) and (max-width: 767px){ 
  #logo { margin: 0; width: 100%; padding-top: 10px;}
  .site-name a { font-size: 36px;}
  .top-widget { margin-top: 0; overflow: hidden;  width: 40%;}
  .slogan { margin: 0 0 5px;}
  .call { margin: 10px 0 10px;}
  .top-widget { margin-bottom: 0;}
  .front-boxes .grid.col-220, .front-boxes .col-220:last-child { width: 320px; margin: 0 auto 15px!important;}
}
@media screen and (min-width:320px) and (max-width: 567px){
  #header { padding-bottom: 10px;}
  #logo { margin: 0; padding-top: 10px; width: 100%; background: #000 none repeat scroll 0 0;}
  .site-name { max-width: 280px;}
  .site-description { font-size: 18px;}
  .top-widget { overflow: hidden; padding: 0 18% 0 2%; width: 80%; margin-bottom: 0;}
  .call {  margin: 10px 0 0;}
  .slogan { margin: 0 0 5px;}
  .front-boxes .grid.col-220 { width: 96.5%;}
  .front-boxes h5 { margin: -34px 0 0;}
}
@media screen and (min-width:320px) and (max-width: 767px){ 
.copyright, .powered { text-align: center;}
.js .main-nav #responsive_current_menu_item { display: none;}
.js .main-nav a#responsive_menu_button { display: none!important;}

}
/*-------------------------------Custom Media end-------------------------*/








/*The last 29 days of the month are the hardest."- Nikola Tesla*/