/*
Theme Name: Maquiservicios Perú
Theme URI: http://maquiserviciosperu.com
Description: Tema creado por Hosting de Perú exclusivamente para Maquiservicios Perú
Version: 1.0
Author: Hosting de Perú
Author URI: http://hostingdeperu.com
*/

body{font-family: "NewsGoth_bt"; font-size: 100%; background-color: #f2f2f2; background-image: url(assets/img/main-bg.png); background-size: cover; background-repeat: no-repeat; text-align: center; color: #373636;}
h1,h2,h3,h4,h5{font-family: "MyriadProSemibold"; color: #0075ad;}
a{text-decoration: none;}
a:hover, a:active{text-decoration: underline;}

/**COMMON CLASSES**/
.main-wrap{width: 82.8%; margin: 0 auto; font-size: 125%; display: inline-block;}
.b-line{display: inline-block; vertical-align: middle;}
.has-image img{width: 100%; height: auto; display: block;}
.comBlock .main-wrap{padding: 25px 0;}
.box-size{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.img-wrap{position: absolute; opacity: 0; -moz-opacity: 0; z-index: -10;}

.tml-action-links{display: none;}

/**HEADER**/
#header .main-logo{width: 42.5%;}
#header .h-contact{width: 55.9%; text-align: right;}
#header .h-contact .icon{width: 4.5%;}
#header .h-contact > div{margin: 7px 0;}
#header .h-contact > div span.b-line{vertical-align: top; margin-left: 10px;}
#header .h-contact > div:first-child{margin-top: 25px;}
#header .h-contact > div:last-child{margin-bottom: 20px;}

/**MENU**/
#main-menu{background-color: #007fb2; font-family: "MyriadProSemibold";}
#main-menu ul{margin: 0; padding: 0; list-style: none;}
#main-menu li{display: inline-block; margin: 2px 0;}
#main-menu a{display: block; padding: 7px 30px; font-size: 106.5%; color: #ffffff; text-decoration: none; background-color: #007fb2; text-transform: uppercase;}
#main-menu a:hover,
#main-menu .current-menu-item a{background-color: #006bb3;}
#main-menu a:hover{}
#menuButt{display: none;}

/**HOME**/
#home-cont .hft-sect.homecont{padding: 30px 0;}
#home-cont{background-color: #e0e0e0;}
#home-cont h1{display: block; margin: 0 0 10px; text-align: left; font-size: 200%;}
#home-cont .hft-sect{width: 42.5%;}
#home-cont .hft-sect .h-cont{text-align: left;}
#home-cont .hft-sect .h-video{width: 95%; padding-bottom: 60%; position: relative; margin-top: 20px; margin-left: 2.5%;}
#home-cont .h-video iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#home-cont #banner{width: 55.9%; position: relative;}
#home-cont #banner .banblk{width: 15%; height: 50%; position: absolute; z-index: 100; left: 0; background-position: left center; background-repeat: no-repeat; background-size: 100% 100%;}
#home-cont #banner .b-topblock{background-image: url(assets/img/bantop-bg.png); top: 0;}
#home-cont #banner .b-bottomblock{background-image: url(assets/img/banbottom-bg.png); bottom: 0;}

#other-homecont .hoc-title{display: block; text-align: left; border-bottom: 2px solid #007fb2; margin: 0 0 20px; text-transform: uppercase; font-size: 150%;}
#other-homecont .ost-block{margin-bottom: 25px;}
#other-homecont .ost-block:last-child{margin-bottom: 0;}

#other-homecont ul{margin: 0; padding: 0; list-style: none; display: inline-block; position: relative; width: 100%;}
#other-homecont ul h3{font-size: 85%; text-transform: uppercase; margin: 0;}

#hlist-services li{width: 36.6%; float: left; position: relative; margin-left: -5%;}
#hlist-services li a{width: 57%; padding-bottom: 49.6%; position: relative; display: block; z-index: 10;}
#hlist-services h3{/*width: 57%;*/ background-image: url(assets/img/svg/clip-hservices.svg); /* position: relative;padding-bottom: 49.6%;*/ background-size: cover; background-position: center; background-repeat: no-repeat; color: #ffffff; width: 100%; height: 100%; position: absolute;}
#hlist-services li a:hover h3{background-image: url(assets/img/svg/clip-hservices-over.svg);}
#hlist-services h3 .title{top: 13%; line-height: 23px; width: 70%;}
#hlist-services h3 .icon{bottom: 7%; line-height: 23px; width: 39%;}
#hlist-services h3 .title,
#hlist-services h3 .icon{margin: 0 auto; display: block; position: absolute; left: 0; right: 0;}

#hlist-services .hstitle-cont{position: absolute; width: 57%; padding-bottom: 49.6%; top: 50%; right: 0;}
svg.clip-svg{ width: 100%; height: auto; position: absolute; left: 0; top: 0;}
#hlist-services .hlservices{padding-bottom: 8%;}
#hlist-services .hlservices li:first-child{margin-left: 0;}

#hlist-services .hlservices .decoT,
#hlist-services .hlservices .decoI,
#into-cont .decoL,
#into-cont .decoR{position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat;}
#hlist-services .hlservices .decoT{bottom: 52%; width: 50%;}
#hlist-services .hlservices .decoI{top: 52%; width: 50%;}
#hlist-services .hlservices li:first-child .decoT,
#hlist-services .hlservices li:first-child .decoI{padding-bottom: 17.9%; width: 30%; background-image: url(assets/img/svg/deco1.svg);}
#hlist-services .hlservices li:first-child .decoT{left: 112%;}
#hlist-services .hlservices li:first-child .decoI{right: 95%;}
#hlist-services .hlservices li:nth-child(2) .decoT{padding-bottom: 11.4%; left: 100%; background-image: url(assets/img/svg/deco3.svg);}
#hlist-services .hlservices li:nth-child(2) .decoI{padding-bottom: 16.3%; right: 100%; background-image: url(assets/img/svg/deco2.svg);}
#hlist-services .hlservices li:last-child .decoT{padding-bottom: 18%; width: 30%; left: 100%; background-image: url(assets/img/svg/deco5.svg);}
#hlist-services .hlservices li:last-child .decoI{padding-bottom: 13%; right: 100%; background-image: url(assets/img/svg/deco4.svg);}
#into-cont .abtu-left .decoL{width: 35%; padding-bottom: 21%; top: 52%; right: 102%; background-image: url(assets/img/svg/deco5.svg);}
#into-cont .abtu-left .decoR{width: 35%; padding-bottom: 21%; top: 39%; left: 104%; background-image: url(assets/img/svg/deco5.svg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg);}
#into-cont .flipimg{-moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}

#into-cont .abtu-right .abtuimg:first-child .decoL{width: 35%; padding-bottom: 21%; bottom: 52%; left: 96%; background-image: url(assets/img/svg/deco5.svg);}
#into-cont .abtu-right .abtuimg:first-child .decoR{width: 35%; padding-bottom: 21%; top: 102%; right: 55%; background-image: url(assets/img/svg/deco5.svg);}
#into-cont .abtu-right .abtuimg:nth-child(2) .decoL{width: 15%; padding-bottom: 37.5%; top: 24%; left: 93%; background-image: url(assets/img/svg/deco6.svg);}
#into-cont .abtu-right .abtuimg:nth-child(2) .decoR{display: none;}

#into-cont .art-images .decoL,
#into-cont .art-images .decoR{width: 30%; padding-bottom: 18%;}

#into-cont .art-images .servimg:first-child .decoL{left: 75%; bottom: 85%; background-image: url(assets/img/svg/deco5.svg); -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); filter: inherit; -ms-filter: inherit;}
#into-cont .art-images .servimg:first-child .decoR{left: 65%; top: 93%; background-image: url(assets/img/svg/deco5.svg); -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); transform: rotate(-35deg); filter: inherit; -ms-filter: inherit;}
#into-cont .art-images .servimg:last-child .decoL{right: 95%; top: 35%; background-image: url(assets/img/svg/deco5.svg); -webkit-transform: rotate(105deg) scaleX(-1); -moz-transform: rotate(105deg) scaleX(-1); -ms-transform: rotate(105deg) scaleX(-1); -o-transform: rotate(105deg) scaleX(-1); transform: rotate(105deg) scaleX(-1);}

#into-cont .service-art:nth-child(2n) .art-images .servimg:first-child .decoL{right: 75%; left: auto; bottom: 85%; background-image: url(assets/img/svg/deco5.svg); -webkit-transform: rotate(130deg) scaleX(-1); -moz-transform: rotate(130deg) scaleX(-1); -ms-transform: rotate(130deg) scaleX(-1); -o-transform: rotate(130deg) scaleX(-1); transform: rotate(130deg) scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
#into-cont .service-art:nth-child(2n) .art-images .servimg:first-child .decoR{right: 65%; left: auto; top: 93%; background-image: url(assets/img/svg/deco5.svg); -webkit-transform: rotate(35deg) scaleX(-1); -moz-transform: rotate(35deg) scaleX(-1); -ms-transform: rotate(35deg) scaleX(-1); -o-transform: rotate(35deg) scaleX(-1); transform: rotate(35deg) scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
#into-cont .service-art:nth-child(2n) .art-images .servimg:last-child .decoL{left: 95%; right: auto; top: 35%; background-image: url(assets/img/svg/deco5.svg); -webkit-transform: rotate(-105deg); -moz-transform: rotate(-105deg); -ms-transform: rotate(-105deg); -o-transform: rotate(-105deg); transform: rotate(-105deg); filter: inherit; -ms-filter: inherit;}

#list-products .hlproducts li{width: 15.9%; vertical-align: bottom;}
#list-products .hlproducts li a{display: block; text-decoration: none; color: #313131;}
#list-products .hlproducts li a:hover h3{color: #686868;}
#list-products .hlproducts li h3{text-transform: capitalize; color: #313131; margin-top: 5px; font-family: "NewsGoth_bt"; font-size: 95%;}

/**INTO CONTENT**/
#into-cont .main-wrap{padding: 25px 0;}
#into-cont .service-art{position: relative; width: 54.1%; display: block; float: left; margin: -35px auto 0; text-align: left;}
#into-cont .service-art:first-child,
#into-cont .hoist-art:first-child{margin-top: 0;}
#into-cont .service-art:nth-child(2n){float: right; text-align: right;}
#into-cont .service-art:last-child,
#into-cont .hoist-art:last-child{margin-bottom: 0;}
#into-cont h2{margin: 0; padding: 0 5px; border-bottom: 2px solid #037fb2;}
#into-cont .service-art .art-cont{width: 91.2%; margin: 0 1.7%; display: inline-block;}
#into-cont .service-art .art-cont ul{margin: 20px 0; padding: 0 0 0 4%; list-style: none;}
#into-cont .service-art .art-cont ul li{position: relative;}
#into-cont .service-art .art-cont ul li:after{position: absolute; content: '-'; top: 0; left: -15px;}
#into-cont .service-art:nth-child(2n) .art-cont ul{padding: 0 4% 0 0;}
#into-cont .service-art:nth-child(2n) .art-cont ul li:after{left: inherit; right: -15px;}

#into-cont .service-art:nth-child(2n) .art-images{right: 85%; left: inherit;}
#into-cont .service-art .art-images{position: absolute; width: 100%; top: 0; left: 85%;}
#into-cont .service-art .servimg{position: absolute;}
#into-cont .service-art .servimg:first-child{width: 60%; padding-bottom: 52.1%; margin-top: 5%; margin-right: 0; right: 0;}
#into-cont .service-art .servimg:nth-child(2){width: 35%; padding-bottom: 30.3%; margin-right: 53.5%; margin-top: -.5%; right: 0;}
#into-cont .service-art .servimg:nth-child(3){width: 42%; padding-bottom: 36.4%; margin-right: 52%; margin-top: 32%; right: 0;}
#into-cont .service-art:nth-child(2n) .servimg:first-child{margin-top: 5%; margin-left: 0; right: inherit; left: 0;}
#into-cont .service-art:nth-child(2n) .servimg:nth-child(2){margin-left: 53.5%; margin-top: -.5%; right: inherit; left: 0;}
#into-cont .service-art:nth-child(2n) .servimg:last-child{margin-left: 52%; margin-top: 32%; right: inherit; left: 0;}

#into-cont .hoist-art{margin: 30px auto; overflow: hidden;}
#into-cont .list-hoist .hoist-img{width: 23.5%; vertical-align: top;}
#into-cont .list-hoist .hoist-excpt{width: 72.9%; vertical-align: top;}
#into-cont .hoist-excpt{text-align: left; margin-left: 2%;}
#into-cont .art-excpt{margin: 0 1%;}
#into-cont .hoist-excpt .art-button{display: block; float: right; margin: 10px 1% 0 0; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 7px 12px; background-color: #ffffff; border: 2px solid #0070a4; color: #000000; font-size: 90%; text-transform: lowercase;}
#into-cont .hoist-excpt .art-button:hover{color: #ffffff; background-color: #0070a4; text-decoration: none;}
#into-cont .hoist-art:nth-child(2n) .hoist-img{float: right;}
#into-cont .hoist-art:nth-child(2n) .hoist-excpt{text-align: right; margin-left: auto; margin-right: 2%;}

#into-cont .contact-det-map .cont-det{width: 52.2%; text-align: left; font-size: 96%;}
#into-cont .contact-det-map .details{margin: 6px 0;}
#into-cont .contact-det-map .details .b-line{vertical-align: top;}
#into-cont .contact-det-map .details .b-line:first-child{width: 18.5%;}
#into-cont .contact-det-map .details .b-line:last-child{width: 78.9%;}
#into-cont .contact-det-map .cont-contact h3{font-weight: normal; color: #373636; font-family: "NewsGoth_bt"; margin: 25px 0 20px;}
#into-cont .contact-det-map .cont-contact p:first-of-type{margin-top: 0;}
#into-cont .contact-det-map .cont-map{width: 46.2%; position: relative; padding-bottom: 24%; margin-top: 25px;}
#into-cont .contact-det-map .mapp-layout{position: absolute; top: 0; left: 0; height: 100%; border: none !important; margin: 0;}
#into-cont .contact-det-map .mapp-map-links{border: none;}

#into-cont .abtu-left{width: 60.6%; margin-right: 1%; vertical-align: top;}
#into-cont .abtu-left .abtu-cont{text-align: justify; margin-top: 20px;}
#into-cont .abtu-right{width: 36.8%; vertical-align: top; text-align: right;}
#into-cont .abtu-mvo{width: 100%; overflow: hidden;}
#into-cont .abtu-mvo > div{position: relative; background-image: url(assets/img/svg/clip-haboutus.svg); background-position: center; background-repeat: no-repeat; background-size: cover; float: left; display: block;}
#into-cont .abtu-left .abtu-objt{width: 43.6%; padding-bottom: 37.8%;}
#into-cont .abtu-left .abtu-vis{width: 47.2%; padding-bottom: 40.95%; margin-left: -12.6%; margin-top: 18.5%;}
#into-cont .abtu-left .abtu-mis{width: 33.8%; padding-bottom: 29.3%; margin-left: -12.3%; margin-top: 4%;}
/*#into-cont .abtu-left .abtu-objt{width: 48.6%; padding-bottom: 42.2%;}
#into-cont .abtu-left .abtu-vis{width: 52.2%; padding-bottom: 45.4%; margin-left: -13.5%; margin-top: 21%;}
#into-cont .abtu-left .abtu-mis{width: 38.8%; padding-bottom: 33.7%;}*/
#into-cont .abtu-mvo .abtu-mvotitle,
#into-cont .abtu-mvo .abtu-mvocont{position: absolute; left: 0; right: 0; margin: 0 auto; top: 3%; width: 90%; color: #ffffff;}
#into-cont .abtu-mvo .abtu-mvocont{font-size: 80%; line-height: 19px;}
#into-cont .abtu-mvo .abtu-objt .abtu-mvocont{width: 65%; top: 17%;}
#into-cont .abtu-mvo .abtu-vis .abtu-mvocont{width: 67%; top: 13%;}
#into-cont .abtu-mvo .abtu-mis .abtu-mvocont{width: 55%; top: 20%;}

#into-cont .abtu-video .disp-videos{width: 100%; position: relative; padding-bottom: 75%; display: inline-block;}
#into-cont .abtu-video .disp-videos iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#into-cont .abtu-video .list-videos{width: 100%; margin: 0; padding: 0; text-align: left;}
#into-cont .abtu-video .list-videos li{display: inline-block; width: 23.5%; padding-bottom: 23.5%; position: relative;}
#into-cont .abtu-video .list-videos a{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer;}

#into-cont .abtu-imgs{position: relative; display: inline-block; width: 100%;}
#into-cont .abtu-imgs .abtuimg{position: relative; width: 65%; padding-bottom: 56.4%;}
#into-cont .abtu-imgs .abtuimg:first-child{margin-top: 20%; margin-left: 12%;}
#into-cont .abtu-imgs .abtuimg:last-child{margin-top: 0; margin-left: 35%;}

#into-cont .iCleft{width: 60%; position: relative;}
#into-cont .iCleft a{width: 95%; position: relative; height: auto; display: block; border: 2px solid #6bb5d2; margin-top: 20px;}
#into-cont .iCimage{width: 100%; padding-bottom: 65%; background-color: #ffffff;}
#into-cont .iCright{width: 38.4%;}
#into-cont .txtArt{text-align: justify;}
#into-cont .contDtTable{width: 100%; border-spacing: 0; border: 1px solid #b0dbdb; font-size: 95%;}
#into-cont th.cDtable{background-color: #DFE1E1; padding: 3px 7px; font-size: 95%;}
#into-cont th.subtitleTab{background-color: #d5eded; width: 60%; text-align: left;}
#into-cont td.contDetTab{background-color: #e9eaea; width: 40%; font-size: 90%;}
#into-cont th.cDtableM{background-color: #A8D1D1; padding: 5px 7px; border: 1px solid #b0dbdb;}
#into-cont th.subtitleTab,
#into-cont td.contDetTab{border: 1px solid #b0dbdb; padding: 4px 15px; font-size: 90%; padding: 4px 15px;}

#into-cont .iCleft .zoomIt{background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(assets/img/icons/zoom45.png); position: absolute; width: 45px; height: 45px; bottom: 10px; right: 10px; z-index: 2;}
#into-cont .iCleft .darkbg{width: 100%; background-color: rgba(0,0,0,0); height: 100%; position: absolute; top: 0; left: 0;}
#into-cont .iCleft a:hover .zoomIt{width: 50px; height: 50px;}
#into-cont .iCleft a:hover .darkbg{background-color: rgba(0,0,0,.15); z-index: 1;}

/**CONTACT FORM**/
#into-cont .contact-form{margin-top: 25px;}
#into-cont .wpcf7{margin-top: 25px;}
#into-cont .wpcf7 .wpcf7-form > .b-line{width: 47.2%; position: relative; margin: 0 1%; vertical-align: top;}
#into-cont .wpcf7 .wpcf7-form .fcfield{width: 100%; position: relative; text-align: left; margin: 5px 0;}
#into-cont .wpcf7 .wpcf7-form label,
#into-cont .wpcf7 .wpcf7-form .fcfield span{display: inline-block; vertical-align: top;}
#into-cont .wpcf7 .wpcf7-form label{margin-top: 5px;}
/*#into-cont .wpcf7 .wpcf7-form label{width: 24.4%; margin-right: 1%;}
#into-cont .wpcf7 .wpcf7-form .fcfield span{width: 73%;}*/
#into-cont .wpcf7 .wpcf7-form label{width: 20.4%; margin-right: 1%;}
#into-cont .wpcf7 .wpcf7-form .fcfield span{width: 77%;}
#into-cont .wpcf7 .wpcf7-form .fcfield input,
#into-cont .wpcf7 .wpcf7-form .fcfield textarea{width: 100%; border: 2px solid #006fa2; background-color: transparent; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 3px 5px;}
#into-cont .wpcf7 .wpcf7-form .fcfield .wpcf7-not-valid{background-color: rgba(255,255,255,.3); border-color: rgba(255,0,0,.5);}
#into-cont .wpcf7 .wpcf7-form .fcfield textarea{resize: none; height: 73px;}
#into-cont .wpcf7 .wpcf7-form .fcfield span.wpcf7-not-valid-tip{font-size: 90%;}
#into-cont .wpcf7 .wpcf7-form .sendfield{text-align: right; margin: 5px 0; position: relative;}
#into-cont .wpcf7 .wpcf7-form .sendfield input{color: #000000; padding: 3px 7px; background-color: #ffffff; border: 2px solid #006fa2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-right: 1.5%;}
#into-cont .wpcf7 .wpcf7-form .sendfield input:hover{color: #ffffff; background-color: #006fa2;}
#into-cont .wpcf7 .wpcf7-form .sendfield .ajax-loader{float: left; margin-left: 2%;}
#into-cont .wpcf7 .wpcf7-form .wpcf7-response-output{margin-top: 15px;}

/**FOOTER**/
#footer{background-color: #007fb2; color: #ffffff;}
#footer .main-wrap{font-family: "tcm"; font-size: 87.5%; padding: 20px 0;}
#footer .main-wrap > .b-line{width: 49.2%;}
#footer .cont-detail{text-align: left; line-height: 18px; font-size: 110%;}
#footer .nav-sign{text-align: right;}
#footer .foot-nav ul{margin: 0; padding: 0; list-style: none;}
#footer .foot-nav li{display: inline-block; text-transform: uppercase; margin-left: 5px;}
#footer .foot-nav li:last-child a{padding: 0;}
#footer .foot-nav a{display: block; color: #ffffff; text-decoration: none; padding: 2px 5px;}
#footer .foot-nav .current-menu-item a,
#footer .foot-nav a:hover{text-decoration: underline;}

#footer .copy-sign{margin-top: 10px;}
#footer .copy-sign a{text-decoration: none; color: #ffffff; cursor: text;}
#footer .copy-sign a.sign{color: #bababa; cursor: pointer;}
#footer .copy-sign a.sign:hover{text-decoration: underline;}


/***SPECIAL STYLES***/
#into-cont #serv-26 .servimg:first-child{margin-top: -5%; width: 55%; padding-bottom: 47.7%; margin-right: 5%;}
#into-cont #serv-26 .servimg:nth-child(2){width: 38%; padding-bottom: 33%; margin-right: 56%; margin-top: 14%;}
#into-cont #serv-26 .art-images .servimg:first-child .decoL{left: 92%; bottom: 45%; background-image: url(assets/img/svg/deco5.svg); -webkit-transform: rotate(-100deg); -moz-transform: rotate(-100deg); -ms-transform: rotate(-100deg); -o-transform: rotate(-100deg); transform: rotate(-100deg); filter: inherit; -ms-filter: inherit;}
#into-cont #serv-26 .art-images .servimg:first-child .decoR{display: none;}
#into-cont #serv-26 .art-images .servimg:last-child .decoL{right: 93%; top: 43%; background-image: url(assets/img/svg/deco5.svg); -webkit-transform: rotate(80deg) scaleX(-1); -moz-transform: rotate(80deg) scaleX(-1); -ms-transform: rotate(80deg) scaleX(-1); -o-transform: rotate(80deg) scaleX(-1); transform: rotate(80deg) scaleX(-1);}