/*
Theme Name: Relog Soluções
Theme URI: https://www.relogsolucoes.com.br/
Author: Preciso Web
Author URI: https://www.precisoweb.com.br/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: sem tag

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

h1, h2, h3, h4, h5, h6{color:#223A84}
body, .conhecarelog h3{font-family: 'Open Sans 400';}
.btt a, .bgtitle h1, .sobre .difs h3, .contato h2, strong, .blog h2, .solucoes .form h2, .allsolucoes .titleserv h2{font-family: 'Open Sans 700';}
p, li, ul{color:#172A66}

#banners{height: 100vh;position: relative;background: #F2F2F2}
#banners .image{height: 100vh;position: relative;}
#banners .textocnt{position: absolute; width: 100%;top: 70%;transform: translateY(-70%);z-index: 1}
#banners .textocnt p{font-size: 34px;color: #223A84;line-height: 40px;}
#banners .textocnt .btnn a{font-size: 18px;padding: 8px 20px;border-radius: 5px;background: #ffc52c;display: inline-block;color: #223A84;font-family: 'Open Sans 700';}
.owl-theme .owl-dots .owl-dot{outline: none;box-sizing: none;}
#banners .textocnt .btnn a:hover{background: #eeb00d}
#banners .image:before, #headerpags:after{content: '';display: block;width: 100%;height: 100%;top: 0;left: 0;position: absolute; background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0.896796218487395) 0%, rgba(255,255,255,0.31416316526610644) 25%, rgba(255,255,255,0) 100%);}
#header{width: 100%;z-index: 9;transition: 0.5s}
#header .menuprincipal{padding: 10px 0;margin-top: 15px;transition: 0.5s}
#header .navbar-brand img{height: 110px;transition: 0.5s;max-width:inherit}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top: -25px;position: relative;}
#header.fixed{background: rgba(255,255,255,0.9);transition: 0.5s}
#header.fixed .navbar-brand img{height: 40px;transition: 0.5s}
#header.fixed .menuprincipal{margin-top: 0;transition: 0.5s}
.navbar-expand-lg .navbar-nav .nav-link{color:#223A84 !important}
.navbar-expand-lg .navbar-nav .nav-link:hover, #header .current_page_item .nav-link, #header .current_page_parent .nav-link, #header .active .nav-link{color:#223A84}

.pagsmodal .modal-body{padding:0}

.diferenciais{background: #223A84;padding-top: 0;}
.diferenciais .title h1{color: #fff;}
.diferenciais h3{color: #fff;font-size: 17px;margin-bottom: 0;}
.diferenciais .difs{width: 150px;margin: 10px;text-align: center;}
.diferenciais .difs:hover{opacity: 0.5}
.diferenciais .difs .ico img{max-height: 100px;width: auto;}
.bgtitle{background: #172A66;padding: 15px 0;}
.bgtitle h1, .bgtitle p{margin: 0;padding: 0;color: #fff;text-align: center;}
#headerpags{min-height: 300px;position: relative;}
.masklat{position: relative;}
.masklat:before{display: block;content: '';width: 100%;height: 100%;top: 0;left: 0;position: absolute;background:#253C83;border-radius: 10px;}

.conhecarelog{padding: 80px 0}
.conhecarelog .btt{margin-top: 30px;}
.conhecarelog .btt a{font-size: 18px;padding: 8px 20px;border-radius: 5px;background: #ffc52c;display: inline-block;color: #223A84;}
.conhecarelog .btt a:hover{background:#eeb00d;}
.conhecarelog h3{font-size: 40px;}
.conhecarelog p{line-height: 30px;font-size: 18px;}

.blokfalecom{background: #223A84;text-align: center;}
.blokfalecom .btt a{font-size: 18px;padding: 15px 20px;border-radius: 5px;display: inline-block;color: #fff;border:2px solid #fff;}
.blokfalecom .btt a:hover{background: #fff;color: #223A84}

.sobre .difs h3{font-size: 28px;color: #223A84;background: #f1f1f1;border-left: 5px solid #223A84;padding: 10px 15px;margin-bottom: 15px;}
.sobre .tx{padding-left: 25px;}
.sobre .stx{margin-bottom: 30px;}
.sobre .difs{margin-bottom: 30px;}
.sobre .allstx{padding-right: 30px;}
.brdcicle{border-radius: 10px;}

.imgsobrehe img{width: 100%;border-radius: 50%;height: auto;border: 2px solid #f1f1f1;box-shadow: 0px 18px 14px -10px rgba(0,0,0,0.3);}
#colblog {position: absolute;width: 100%;z-index: 1;margin-top: 50px;}
.solucoes.solucoesmaster .form{border:2px solid #fff;border-radius: 10px;}
/*.solucoes.solucoesmaster .aligcentsoi{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}*/

.contato .bg{background: #223A84;color: #fff;padding: 30px;}
.contato h2{margin: 0 0 15px 0;color: #fff;font-size: 20px;}
.contato h2:after{width: 40%;height: 1px;content: '';display: block;top: 5px;left: 0;position: relative;background: #b7b6b8;}
.contato .blo{margin-bottom: 20px;}
.contato .blo p{color: #fff;}

.blog h2{color: #223A84;margin-bottom: 15px;}
.blog .infos .btt{width: 100%;display: block;margin-top: 15px;}
.blog .infos .btt a{background: #F2F2F2;color: #223A84;padding: 7px 20px;display: inline-block;border-radius: 5px;}
.blog .infos .btt a:hover{background: #223A84;color: #fff;}
.blog .post{margin-bottom: 30px;}
.blog .img img{width: 100%;height: auto;}
.blog .txblog a{color: #223A84;text-decoration: underline;}
.blog .txblog a:hover{color: #172A66}

.page-id-49 .blokfalecom{background: #172A66}
.titleserv h2, .titleserv p{text-align: center;color: #fff;margin: 0;}

.allsolucoes .titleserv.spaccc{padding-right: 15px;padding-left: 15px;}
.allsolucoes .titleserv h2{font-size: 25px;}
.allsolucoes .titleserv p{font-size: 16px;}
.allsolucoes .titleserv h2, .allsolucoes .titleserv p{text-align: left;}
.diferenciais.allsolucoes h3{font-size: 15px;}
.diferenciais.allsolucoes .difs{width: 130px;}

.maisposts{background: #f7f7f7}

.solucoes .difs h3 {font-size: 28px;color: #223A84;background: #f1f1f1;border-left: 5px solid #223A84;padding: 10px 15px;margin-bottom: 15px;}
.solucoes .difs{margin-bottom: 30px;}
.solucoes .difs .ico{background: #223A84;width: 80px;height: 80px;border-radius: 20px 0;line-height: 80px;text-align: center;}
.solucoes .difs .ico img{height: 70px;width: auto;line-height:70px;}
.solucoes .allstx{padding-right: 15px;}
.solucoes .form{padding: 30px;position: relative;z-index: 1}
.solucoes .form h2, .solucoes .form p{color: #fff;margin-bottom: 15px;position: relative;}
.solucoes .form .wid100esp{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.solucoes .form .btnsend{background: transparent;border: 1px solid #fff;}
.solucoes .form .btnsend:hover{background: #fff;color: #223A84}
.solucoes .form span.wpcf7-not-valid-tip{color: #fff;}

.form .form-control{margin-bottom: 10px;border-radius: 0;height: 40px;font-size: 16px;}
.form .form-control:focus{border: 1px solid #223A84}
.form textarea.form-control{height: 200px;resize: none;}
.form .btnsend{width: 100%;height: 40px;border: 0;border-radius: 0;color: #fff;cursor: pointer;outline: none;background: #223A84}

footer{background: #292B33;padding: 15px 0}
footer p{color: #fff;padding: 0;margin: 0;}
footer a, footer a:hover{color: #fff;}
footer a:hover{text-decoration: underline;}
.logo_footer{background: #f1f1f1;padding: 10px 0;text-align: center;}
.logo_footer img{height: 60px;}


@media (max-width : 1200px) {
	.diferenciais.allsolucoes .difs{width: 110px;margin: 0;}

}


@media (max-width: 991px) {
	#header .menuprincipal{margin: 0;padding: 5px 0;}
	#header{background: rgba(255,255,255,0.9);}
	#header .navbar-brand img{height: 50px;}
	.navbar-toggler{margin: 12px 0;}

	#header .dropdown-menu{display: block !important;}
	.navbar-expand-lg .navbar-nav .nav-item, .navbar-expand-lg .navbar-nav .dropdown-menu .nav-link{text-align: right;}

	
	.imgsobrehe{text-align: center;margin: 15px 0}
	.imgsobrehe img{width: 80%}

	#colblog {position: relative;width: 100%;z-index: 1;margin-top: 50px;}
	.allsolucoes .titleserv h2, .allsolucoes .titleserv p{text-align: center;}


}  

@media (max-width : 767px) {
	.solucoes .allstx{padding: 0;}
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid{padding-right: 15px;padding-left: 15px;}

}

@media (max-width : 580px) {
	.conhecarelog h3{font-size: 20px;}
	.conhecarelog p, .contato .blo p{font-size: 15px;}
	footer p{font-size: 13px;}

	#headerpags{min-height: 200px;}
	#header #navbarNav{margin: 0 -15px;}

}

@media (max-width : 480px) {
	.contato .bg{padding: 15px;}
	.imgsobrehe img{width:90%}

	
}