/*
Theme Name: kiplingtheme
Description: The custom theme kiplingtheme using the parent theme Twenty Sixteen.
Author: Marco Polvo
Author URI: no tengo
Template: twentysixteen
Version: 1.09
*/


html {font-family: "poppins", sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0; font-size: 18px; font-family: "poppins", sans-serif; font-weight: 400; color:#1b3b54;}
.site-inner { margin: 0 auto; max-width: 1900px; position: relative;}
.primary-menu { margin: 0 50px 0 0 !important; padding: 25px 0 0 0; overflow: hidden; width: 750px; float: right;}
.primary-menu li{ float:right; list-style:none; margin: 0 20px;}
.primary-menu li a{text-decoration: none;}
.primary-menu li a:hover{text-decoration: underline;}
.site-branding, .site-header-menu, .header-image { margin-top: 0; margin-bottom: 0;}
.site-branding { margin: 0; margin-top: 0px; margin-bottom: 0px; max-width: 200px; min-width: 0; overflow: hidden; float: left; position: relative;}
.site-header-menu { display: block; flex: auto;}
.main-navigation{font-family:"poppins", sans-serif}
.main-navigation a { color: #FFF; display: block; line-height: 1.3125; outline-offset: -1px; padding: 0.84375em 0;}
.main-navigation a:hover { color: #FFF !important; display: block; line-height: 1.3125; outline-offset: -1px; padding: 0.84375em 0;}

.bannerhomedesk{position:relative; display: block;}
.bannerhomeresp{position:relative; display: none;}

header{width: 100%; position: relative; overflow: hidden;  height: 100px; background: #1c3a52; color: #FFF;}
header a{color:#FFF;}
.entry-header{display: none;}
.logohome{width: 90px;margin: 5px 80px; display: block; float: left; }

.box2{background: #2a9a5f; position: relative;overflow: hidden; width: 100%; color: #FFF; padding: 80px 0;}
.contbox2{position:relative;overflow: hidden; width: 80%; margin: 0 auto;}
.contbox2izq{ width: 50%; float: left; }
.contbox2der{ width: 50%; float: right; }
.box2 h2{font-size: 3.5em; margin: 10px;}
.contbox2izq img{ display:block;  float: left; width: 90%; }

.box3{position: relative;overflow: hidden; width: 100%;  padding: 80px 0;}
.contbox3{position:relative;overflow: hidden; width: 80%; margin: 0 auto;}
.box3 h2{font-size: 3.5em; margin: 10px 0 50px; text-align: center;}


.box4{background: #57b2df; position: relative;overflow: hidden; width: 100%; color: #FFF; padding: 80px 0;}
.contbox4{position:relative;overflow: hidden; width: 80%; margin: 0 auto;}
.contbox4izq{width: 50%; float: left; }
.contbox4der{width: 50%; float: right; }
.box4 h2{font-size: 3.5em; margin: 10px;}
.contbox4der img{ display:block;  float: right; width: 90%; }


.box5{background: #0a5f98; position: relative;overflow: hidden; width: 100%; color: #FFF; padding: 80px 0;}
.contbox5{position:relative;overflow: hidden; width: 80%; margin: 0 auto;}
.contbox5izq{width: 50%; float: left; }
.contbox5der{width: 50%; float: right; }
.box5 h2{font-size: 3.5em; margin: 10px;}
.contbox5izq img{ display:block; float: right; width: 90%; }

.box6{background: #1c3a52; position: relative;overflow: hidden; width: 100%; color: #FFF; padding: 80px 0;}
.contbox6 {position:relative; overflow: hidden; width: 80%; margin: 0 auto;}
.contbox6izq{width: 50%; float: left; }
.contbox6der{width: 50%; float: right; }
.box6 h2{font-size: 3.5em; margin: 10px;}
.box6 h3{font-size: 1.5em; margin: 10px; font-weight: 400;}
.contbox6izq img {display:block;  float: left; width: 90%; }
.contbox6der img {display:block; float: right; width: 90%; }

.box7{position: relative;overflow: hidden; width: 100%;  padding: 80px 0 0;}
.contbox7{position:relative;overflow: hidden; width: 80%; margin: 0 auto;}
.contbox7izq{width: 55%; float: left; }
.contbox7der {
  width: 45%;
  float: right;
  padding-left: 5%;
}
.box7 h2{font-size: 3.5em; margin: 10px 0 50px; text-align: center;}
.contbox7izq iframe{ display:block; float: left; width: 90%;}


.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
  box-shadow: none;
}
.btnverde{width: 150px; padding: 6px 0 10px 0; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border: 1px solid #FFF; text-align: center; position: relative; overflow: hidden; height: 35px; float: left; background:#FFF;}
.btnverde a{padding-top: 0px; color:#2a9a5f; text-decoration: none; text-align: center; width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; text-shadow:none;}

.btnverde:hover{width: 150px; padding: 6px 0 10px 0; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border: 1px solid #FFF; text-align: center; position: relative; overflow: hidden; height: 35px; float: left; background: none;}
.btnverde:hover a{padding-top: 0px; color:#FFF; text-decoration: none; text-align: center; width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0;  text-shadow:none;}


.btnazul{width: 150px; padding: 6px 0 10px 0; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border: 1px solid #FFF; text-align: center; position: relative; overflow: hidden; height: 35px; float: left; background:#FFF;}
.btnazul a{padding-top: 0px; color:#1c3a52; text-decoration: none; text-align: center; width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; text-shadow:none;}

.btnazul:hover{width: 150px; padding: 6px 0 10px 0; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border: 1px solid #FFF; text-align: center; position: relative; overflow: hidden; height: 35px; float: left; background: none;}
.btnazul:hover a{padding-top: 0px; color:#FFF; text-decoration: none; text-align: center; width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0;  text-shadow:none;}

.btnazulb{width: 150px; padding: 6px 0 10px 0; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border: 1px solid #FFF; text-align: center; position: relative; overflow: hidden; height: 35px; float: left; background:#1c3a52;}
.btnazulb a{padding-top: 0px; color:#FFF; text-decoration: none; text-align: center; width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; text-shadow:none;}

.btnazulb:hover{width: 150px; padding: 6px 0 10px 0; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border: 1px solid #1c3a52; text-align: center; position: relative; overflow: hidden; height: 35px; float: left; background: none;}
.btnazulb:hover a{padding-top: 0px; color:#1c3a52; text-decoration: none; text-align: center; width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0;  text-shadow:none;}

.btnform {width: 150px; padding: 6px 0 10px 0 !important; border-radius: 30px 30px 30px 30px !important; -moz-border-radius: 30px 30px 30px 30px !important; -webkit-border-radius: 30px 30px 30px 30px !important; border: 1px solid #FFF !important; text-align: center; position: relative; overflow: hidden; height: 35px; float: none; background: #1c3a52 !important; margin: 20px auto; display: block;}

.site-footer{ background: #1c3a52; color: #FFF; padding: 30px 0;}
.site-footer a{ color: #FFF;}
.piecera{position: relative; overflow: hidden; width: 90%; margin: 30px auto;}
.piecera ul{margin: 0; padding: 0; list-style: none;}
.piecera ul li a{text-decoration:none; }
.piecera ul li a:hover{text-decoration:underline; }
.piecera1 {width:40%; float:left;}
.piecera2 {width:15%; float:left; margin-left: 5%}
.piecera3 {width:15%; float:left; margin-left: 5%}
.piecera4 {width:15%; float:left; margin-left: 5%}
.redesfooter{ margin:30px 0 0 0 !important; list-style: none;}
.redesfooter li{ position: relative; overflow: hidden; position: relative;}
.redes1{ text-indent: -6000px; width: 46px; height: 46px; background:url("img/kipling-site-redes-2.png") no-repeat 0 0; margin: 0 10px 0 0; float: left;}
.redes2{ text-indent: -6000px; width: 46px; height: 46px; background:url("img/kipling-site-redes.png") no-repeat 0 0; margin: 0 10px 0 10px; float: left;}
.redes3{ text-indent: -6000px; width: 46px; height: 46px; background:url("img/kipling-site-redes-3.png") no-repeat 0 0; margin: 0 10px 0 10px; float: left;}
.redesfooter a{ width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0;}


.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
  margin-right: 0;
  margin-left: 0;
}

.txtform { width: 100%; margin: 10px auto; border-radius: 20px 20px 20px 20px !important; -moz-border-radius: 20px 20px 20px 20px !important; -webkit-border-radius: 20px 20px 20px 20px !important; border: 0px solid #000000 !important;}
.textareaform { width: 100%; height: 200px; margin: 10px auto; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;}
.google-maps { position: relative;  padding-bottom: 62%; height: 0; overflow: hidden;}
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important;  height: 100% !important;}


@media screen and (min-width: 44.375em) {
  .entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {
    margin-right: 0;
  }
}

@media screen and (min-width: 56.875em) {
  .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (min-width: 61.5625em) {
  .site-header {
    padding: 0;
  }
	.site-main {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 56.875em) {
  .site-content {
    padding: 0;
  }
}

@media screen and (max-width: 1450px) {
	.google-maps { position: relative;  padding-bottom: 62%; height: 0; overflow: hidden;}
}

@media screen and (max-width: 1024px) {
	 .menu-toggle {background-color: transparent; color: #1a1a1a; font-size: 13px; font-size: 0.8125rem; margin: 1.076923077em 0; padding: 0.769230769em; float: right; right: 30px; position: absolute;
    text-indent: -6000px; border: 0; background:url("img/menu.png") no-repeat center center; width: 37px;}
	 .menu-toggle:hover { background-color: transparent; color: #1a1a1a; font-size: 13px; font-size: 0.8125rem; margin: 1.076923077em 0; padding: 0.769230769em; float: right; right: 30px; position: absolute; text-indent: -6000px; border: 0; background:url("img/menu.png") no-repeat center center; width: 37px; }
	
	/*.menu-toggle { background-color: transparent; border: 1px solid #d1d1d1; border-top-color: rgb(209, 209, 209); border-right-color: rgb(209, 209, 209); border-bottom-color: rgb(209, 209, 209); border-left-color: rgb(209, 209, 209);color: #1a1a1a;font-size: 13px; font-size: 0.8125rem; margin: 1.076923077em 0; padding: 0.769230769em; float: right; right: 30px; position: absolute;}*/
	.main-navigation a { color: #1c3a52;display: block; line-height: 1.3125; outline-offset: -1px; padding: 0.84375em 0;}
	.main-navigation a:hover { color: #1c3a52 !important; display: block; line-height: 1.3125; outline-offset: -1px; padding: 0.84375em 0;}
	.site-branding { margin: 0; max-width: 100%; min-width: 0; overflow: hidden;}
	.logohome { width: 90px; margin: 5px 30px; display: block; float: left;}
	.site-header { padding: 0;}
	header {width: 100%; position: relative; overflow: inherit; height: 100px; background: #1c3a52; color: #FFF;}
	.site-header-menu { background: #FFF; display: none; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; margin: 0.875em 0; z-index: 1000; width: 100%;}
	.primary-menu { margin: 0 0 0 0; padding: 0; overflow: auto; width: 100%; float: none;}
	.primary-menu li {float: none;list-style: none; margin: 0; width: 100%;}
	.site-header-menu { background: #FFF; display: none;  margin: 0.875em 0; z-index: 1000; width: 100%; position: absolute; top: 84px;}
	 .primary-menu li { float: none; list-style: none; margin: 0; width: 100%; padding-left: 50px;}
	
	.bannerhomedesk{position:relative; display: none;}
	.bannerhomeresp{position:relative; display: block;}
	
	.contbox2izq { width: 100%; float: left;}
	.contbox2izq img {display: block; float: none; width: 100%; margin: 0 auto;}
	.contbox2der { width: 100%; float: none;}
	.btnverde { width: 150px; padding: 6px 0 10px 0; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border: 1px solid #FFF; text-align: center; position: relative; overflow: hidden; height: 35px; float: none; background: #FFF; margin: 0 auto;}
	.box2 h2 { font-size: 2.5em; margin: 20px 0; padding-top: 30px;}
	
	.contbox4izq {width: 100%; float: left;}
	.btnazul {width: 150px; padding: 6px 0 10px 0; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border: 1px solid #FFF; text-align: center; position: relative; overflow: hidden; height: 35px; float: none; background: #FFF; margin: 0 auto 40px;}
	.contbox4der { width: 100%; float: none;}
	.contbox4der img {display: block; float: none; margin: 0 auto; width: 100%;}
	
	.contbox5izq { width: 100%; float: none;}
	.contbox5der { width: 100%; float: none;}
	
	.contbox6izq { width: 100%; float: none;}
	.contbox6der { width: 100%; float: none; margin-top: 40px;}	
	.contbox6der img { display: block; float: none; width: 100%; margin: 0 auto;}
	.contbox6izq img { display: block; float: none; width: 100%;}
	.contbox7izq { width: 100%; float: none;}
	.contbox7izq iframe {display: block; float: none; width: 100%;}
	.contbox7der {width: 100%; float: none; padding-top: 50px;}
	
	.btnazulb { width: 150px; padding: 6px 0 10px 0; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border: 1px solid #FFF; text-align: center; position: relative; overflow: hidden; height: 35px; float: none; background: #1c3a52; margin: 0 auto;}
	.piecera1 { width: 100%; float: none; text-align: center;}
	.piecera2 { width: 100%; float: none; margin-left: 0; margin-top: 30px; text-align: center;}
	.piecera3 { width: 100%; float: none; margin-left: 0; margin-top: 30px; text-align: center;}
	.piecera4 { width: 100%; float: none; margin-left: 0; margin-top: 30px; text-align: center;}
	.redesfooter{ margin:30px auto 0 auto!important; list-style: none; position: relative; overflow: hidden; width: 195px;}
	.box4 h2 {font-size: 2.5em;margin: 10px;  margin-top: 10px;}
	.box3 h2 {font-size: 2.5em; margin: 10px 0 50px; margin-top: 10px;text-align: center;}
	.box5 h2 {font-size: 2.5em; margin: 10px;  margin-top: 10px;}
	.box6 h2 {font-size: 2.5em; margin: 10px;  margin-top: 10px;}
	.box7 h2 {font-size: 2.5em; margin: 10px 0 50px; margin-top: 10px;text-align: center;}
	
}


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

}