/*
Theme Name: FC Studio
Theme URI: http://fcestudiocontable.com/
Author: TiFACTOR
Author URI: http://tifactor.com/
Description: Tema de uso corporativo para FC Estudio Jurídico Contable.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: http://fcestudiocontable.com/
*/
@charset "utf-8";
/*******RESET*******/
figure{margin: 0}
/*******COMMON******/
section,footer{padding: 3rem 0}
.dark-blue{background-color:  #0c1226;color: #fff;/* display: block; *//* width: 100%; */}
.light-blue{background-color:  #5f8df7;color: #fff}
.t-light-blue{color: #5f8df7;font-weight: 400}
.t-dark-blue{color: #0c1226;font-weight: 400}
.tw5{color: #fff;font-weight: 500}
i{vertical-align: middle;margin-right: 0.5rem}
.btn:hover, .btn-large:hover, .btn-small:hover{background: #3c69d0}
h1{font-size: 2.3rem;font-weight: 400}
h2{font-size: 2.8rem; font-weight: 700}
ul.checked-white li{display: flex;font-size: 1.2rem;font-weight: 300}
ul.checked-white li:before{content:"\e900";font-family: 'icomoon';margin-right: 0.5rem;}
ul.checked-dark li{display: flex;font-size: 1.2rem;font-weight: 300}
ul.checked-dark li:before{content:"\e900";font-family: 'icomoon';margin-right: 0.5rem;color: #0c1226}

/*******PAGE******/
.preloader-background{display:flex;align-items:center;justify-content:center;background-color: transparent; position:fixed;z-index:9999999;top:0;left:0;right:0;bottom:0;}
.home .preloader-background{display:flex;align-items:center;justify-content:center;background-color: #0c1226;position:fixed;z-index:9999999;top:0;left:0;right:0;bottom:0;}
.preloader-box{position: absolute;top: 0;width: 100%}
.home .preloader-box{position: absolute;top: 50%;left: 50%;width: 360px;height: 116px;margin-left: -180px;margin-top: -58px;}

.preloader-wrapper{float: left;}
.spinner-layer{border-color: #f5f5f5}
.loader-logo{padding-left: 0.8rem;margin-left: 6rem;border-left: 2px solid rgba(255,255,255,0.6);color: #fff;font-weight: 500}
.loader-logo img{vertical-align: middle;margin-right: 0.5rem}
.preloader-box .progress{width: 100%;margin: 0;z-index: 2;overflow: visible;}

#header, #header nav{background: #0c1226}
.home #header, #header nav{background: none;box-shadow: none;-webkit-box-shadow:none;}
#header img{vertical-align: middle;}
#header nav ul a:hover{background-color: rgba(95,141,247,0.3);}
.home #header nav ul a:hover{background-color: rgba(0,0,0,0.3);}
nav .brand-logo{font-size: 1.2rem}
nav ul a{font-size: 1.3rem;}
#cover{background: #000 url('images/cover.jpg');background-repeat: no-repeat;background-size: cover;height: 580px;margin-top: -65px;color: #f6f8ff}
#cover .row{padding-top: 20rem}
#cover h2+p{font-size: 1.6rem}
#brand-block h1,#brand-block .row{margin: 0}
#quienes-somos{background: url('images/bg-qs.png');background-repeat: no-repeat;background-size: cover;}
#quienes-somos .col:first-of-type p{font-size: 1.3rem}
#quienes-somos .col:first-of-type p:last-of-type i {padding: 0.5rem;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
#quienes-somos ul{margin-top: 2.8rem}
#quienes-somos ul li i{font-size: 1.9rem;color: #5f8df7 }
#quienes-somos ul li{width: 48%;display: inline-table;font-size: 1.5rem;font-weight: 500;}
#quienes-somos ul li p{font-size: 1.2rem;font-weight: 300}
#servicios{font-size: 1.8rem;font-weight: 500}
#servicios h2{margin-bottom: 4rem}
#servicios i{font-size: 2rem;font-weight: 500}

#servicios a.btn{margin-top: 2.5rem}
#sec-2 .row{margin-bottom: 0}
#empresa h2,#talleres h2{font-size: 2.3rem;color: #0c1226 }
#empresa,#talleres{background-repeat: no-repeat;background-size: cover;}
#empresa{background-image: url('images/empresa.jpg');color: #fff}
#empresa h2{margin: 6rem 0 4rem 0}
#empresa h2+p{font-size: 1.2rem}
#empresa a{margin: 3rem 0 6rem 0}
#talleres{background-image: url('images/talleres.jpg');}
#talleres .row{padding-left: 6rem}
#talleres a{margin: 17rem 0 2rem;}
#talleres ul{margin-bottom: 2rem;}
footer .row{margin-bottom: 0}
footer small{color: #5f8df7;font-size: 1.3rem;font-weight: 300; display: block;}
footer h3{font-size: 1.8rem;font-weight: 300}
footer h3+p{font-size: 2.2rem;font-weight: 400;margin: 0}
footer address{font-size: 1.5rem;font-weight: 500;font-style: normal;margin: 1.5rem 0 }

footer .row address.col{padding: 0}
footer .social ul li{font-size: 1.5rem; display: inline-block;margin: 1.5rem 0.5rem} 
footer .social ul li i{cursor: pointer;}
footer .social ul li i:hover {
  color: #5f8df7;
  transform: scale(2);
  -ms-transform: scale(3); /* IE 9 */
  -webkit-transform: scale(3); /* Safari */
  transform: scale(3); /* Standard syntax */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
footer a{color: #fff}
.fixed-action-btn{display: none;}
/**************************************MOVIL**************************************/
@media screen and (max-width:480px){
.home .preloader-box{width: 100%;text-align: center;padding: 0 2rem;left: initial;margin-left: 0;}
.loader-logo{padding-left: 0;margin-left: 5rem;}
.modal{width: 95%;}
h2{font-size: 2.5rem;}
nav .brand-logo{left: 30%;}
.home nav .brand-logo{margin-top: 0.8rem}
#cover{background: #000 url('images/cover-s.jpg');}
#cover .row{padding-top: 18rem}
#cover h2+p{font-size: 1.4rem}
#brand-block p{font-size: 1.2rem}
#quienes-somos{background: url('images/bg-qs-s.jpg');background-repeat: no-repeat;background-position: bottom;background-size: contain;}
#quienes-somos .col:first-of-type p{font-size: 1.2rem}
#quienes-somos ul li{width: 100%}
#quienes-somos ul li p{margin: 0.8rem 0 2rem 0}
#talleres{background-image: url('images/talleres-s.jpg');}
#talleres .row{padding-left: 0;text-align: center;}
#talleres a{margin: 11rem auto 2.5rem auto}
#talleres h2{font-size: 2rem;}
#talleres ul{padding-left: 3.5rem; margin-bottom: 2rem;}
footer address:first-of-type{margin: 3rem 0 0 0;font-size: 1.3rem;}
.modal h4{font-size: 1.5rem}


.fixed-action-btn{display: block;}
}

@media screen and (min-width:480px) and (max-width:768px){
.modal{width: 95%;}
h2{font-size: 2.5rem;}
nav .brand-logo{left: 15%;margin-top: 0.8rem;}
#cover{background: #000 url('images/cover-s.jpg');background-size: cover;}
#cover h2+p{font-size: 1.4rem}
#brand-block p{font-size: 1.2rem}
#quienes-somos{background: url('images/bg-qs-s.jpg');background-repeat: no-repeat;background-position: bottom;background-size: contain;}
#quienes-somos .col:first-of-type p{font-size: 1.2rem}
#quienes-somos ul li{width: 100%}
#quienes-somos ul li p{margin: 0.8rem 0 2rem 0}
#talleres{background-image: url('images/talleres-s.jpg');}
#talleres .row{padding-left: 0;text-align: center;}
#talleres a{margin: 17rem auto 2.5rem auto;}
#talleres h2{font-size: 2rem;}
#talleres ul{padding-left: 3.5rem;margin-bottom: 4rem;}
footer address:first-of-type{margin: 3rem 0 0 0;font-size: 1.3rem;}
.modal h4{font-size: 1.5rem}


.fixed-action-btn{display: block;} 
}







/***********FONTS***********/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?xxfoqm');
  src:  url('fonts/icomoon.eot?xxfoqm#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?xxfoqm') format('truetype'),
    url('fonts/icomoon.woff?xxfoqm') format('woff'),
    url('fonts/icomoon.svg?xxfoqm#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-checked:before {
  content: "\e900";
}
.icon-contable:before {
  content: "\e901";
}
.icon-experience:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e903";
}
.icon-financiera:before {
  content: "\e904";
}
.icon-hand-shake:before {
  content: "\e905";
}
.icon-instagram:before {
  content: "\e906";
}
.icon-laboral:before {
  content: "\e907";
}
.icon-legal:before {
  content: "\e908";
}
.icon-like:before {
  content: "\e909";
  color: #fff;
}
.icon-menu:before {
  content: "\e90a";
}
.icon-pointing-right:before {
  content: "\e90b";
}
.icon-software:before {
  content: "\e90c";
}
.icon-tributaria:before {
  content: "\e90d";
}
.icon-update:before {
  content: "\e90e";
}
.icon-youtube:before {
  content: "\e90f";
}