@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700&display=swap'); @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap'); body{ padding: 0; margin: 0; font-family: Arial; } .wrapper{ position: relative; margin: auto; } .left{ float: left; } .right{ float: right; } .clear{ clear: both; } h1{ padding: 0; margin: 0 0 20px 0; font-family: 'Maven Pro', sans-serif; font-size: 40px; font-weight: 400; color: #AD233A; } h1 span{ font-weight: 700; } h2{ padding: 0; margin: 0 0 20px 0; font-family: 'Maven Pro', sans-serif; font-size: 36px; font-weight: 400; color: #AD233A; } h2 span{ font-weight: 700; } p{ padding: 0; margin: 0; font-family: 'Lato', sans-serif; color: #000; } p b{ font-weight: 700; color: #AD233A; } ul li{ font-family: 'Maven Pro', sans-serif; font-size: 17px; font-weight: 400; color: #AD233A; } @media (max-width: 1150px) { h1{ font-size: 36px; } ul li{ font-size: 17px; font-weight: 500; } } /*///////////////////////////////////////////////////////////////*/ header .wrapper{ height: 92px; background-color: #000; opacity: 0.95; } /*///////////////////////////////////////////////////////////////*/ .slide .wrapper{ height: 720px; width:100%; background: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/bg1.jpg) no-repeat left bottom; background-color: #288AE1; background-size: contain; } .slide .texto{ width: 40%; padding-left: 5%; padding-top: 56px; color: #FFF; float:left; align: center; } .slide .video{ width: 55%; padding-top: 56px; color: #FFF; float:right; padding-right: 3%; align: center; } .slide .texto .texto0{ font-family: 'Lato', sans-serif; font-size: 20px; font-weight: 300; margin-top:0px; margin-bottom:0px; padding-top:0px; } .slide .texto .texto1{ font-family: 'Lato', sans-serif; font-size: 28px; font-weight: 300; margin-top:0px; margin-bottom:0px; padding-top:0px; line-height:28px; } .slide .texto .texto2{ font-family: 'Maven Pro', sans-serif; font-size: 45px; font-weight: 700; margin-top:20px; margin-bottom:0px; padding-top:0px; line-height:45px; color:#fff; } .slide .texto .texto3{ font-family: 'Maven Pro', sans-serif; font-size: 28px; font-weight: 500; margin-top:20px; margin-bottom:0px; padding-top:0px; line-height:38px; } .slide .texto .btn{ width: 250px; height: 80px; display: block; margin: 10px auto 0 auto; background: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/btn-play.png) no-repeat ; } @media (max-width: 1150px) { .slide .wrapper{ } .slide .texto{ padding-right: 50px; padding-top: 50px; } } @media (max-width: 760px) { .slide .wrapper{ height: 750px; } .slide .texto{ width: 100%; } .slide .video{ width: 100%; padding: 0%; } } /*///////////////////////////////////////////////////////////////*/ .lms .wrapper{ height: 649px; background: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/bg2.jpg) no-repeat center bottom; } .lms .left{ width: 500px; margin-left: 201px; } .lms .left p{ line-height: 35px; text-align: justify; font-weight: 300; font-size: 20px; } .lms .monitor{ width: 490px; height: 371px; margin-top: 109px; margin-right: 141px; background: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/monitor.png) no-repeat; } .lms .clear{ height: 65px; } .lms .logos{ width: 1014px; height: 48px; margin: 0 auto; background: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/logos.jpg) no-repeat; } @media (max-width: 1150px) { .lms .wrapper{ height: auto; } .lms .left, .lms .right{ width: auto; float: none; margin-left: 50px; margin-right: 50px; } .lms .left p{ font-size: 17px; } .lms .monitor{ width: 265px; height: 228px; margin: 70px auto 0 auto; background-size: contain; } .lms .logos{ display: none; } } /*///////////////////////////////////////////////////////////////*/ .contenido .wrapper{ height: 547px; } .contenido .left{ width: 460px; margin-top: 80px; margin-left: 180px; } .contenido .right{ width: 460px; margin-top: 80px; margin-right: 180px; } .contenido h1{ text-align: center; } .contenido p{ line-height: 30px; text-align: justify; font-weight: 300; font-size: 18px; } @media (max-width: 1150px) { .contenido .wrapper{ height: auto; } .contenido .left{ width: auto; float: none; margin-top: 65px; margin-left: 50px; margin-right: 50px; margin-bottom: 75px; } .contenido .right{ display: none; } .contenido h1{ text-align: left; } .contenido p{ font-size: 17px; } } /*///////////////////////////////////////////////////////////////*/ .novedades .wrapper{ height: 717px; background: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/bg3.jpg) no-repeat right bottom; background-color: #288AE1; } .novedades .items{ width: 964px; height: 535px; margin: auto; } .novedades .inner{ height: 324px; position: absolute; top: 80px; } .novedades .item{ width: 298px; height: 424px; float: left; } .novedades .item-1, .novedades .item-2{ margin-right: 35px; } .novedades .item .top{ height: 4px; } .novedades .item.hover .top{ background-color: #9E050C; } .novedades .item .img{ height: 128px; } .novedades .item .texto{ height: 250px; background-color: #FFF; font-family: 'Lato', sans-serif; font-size: 14px; } .novedades .item .texto .title{ padding: 20px 20px 0 20px; text-transform: uppercase; font-weight: 700; color: #C71B36; } .novedades .item .texto .subtitle{ padding: 10px 20px 0 20px; text-transform: uppercase; font-weight: 300; } .novedades .item .texto .desc{ padding: 0 20px 0 20px; font-weight: 300; } .novedades .item .play{ height: 36px; } .novedades .item.hover .play{ background: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/novedad-play.jpg) no-repeat center center #9E050C; } .novedades .nav{ width: 87px; /*height: 5px;*/ margin: auto; /*background: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/novedades-nav.jpg) no-repeat;*/ text-align: center; } .novedades .nav a{ font-family: 'Lato', sans-serif; font-size: 16px; text-decoration: none; color: #FFF; } .novedades .nav a:hover{ text-decoration: underline; } @media (max-width: 1150px) { .novedades .wrapper{ height: 1400px; } .novedades .items{ width: 298px; height: 1452px; } .novedades .inner{ height: 1472px; top: 40px; overflow: hidden; } .novedades .item{ float: none; } .novedades .item-1, .novedades .item-2{ margin-right: 0; } } /*///////////////////////////////////////////////////////////////*/ .author .wrapper{ height: 902px; background: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/bg4.jpg) no-repeat left bottom; } .author h1{ text-align: center; font-weight: 700; } .author .big{ margin-bottom: 35px; text-align: center; text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 17px; font-weight: 400; color: #AD233A; } .author p{ width: 980px; margin: 0 auto 50px auto; line-height: 35px; text-align: justify; font-weight: 300; font-size: 17px; } .author .moviles{ width: 500px; height: 351px; margin: auto; background: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/moviles.png) no-repeat; } @media (max-width: 1150px) { .author .wrapper{ height: auto; padding-bottom: 60px; } .author h1{ margin: 0 50px 5px 50px; text-align: left; } .author .big{ margin-left: 50px; margin-right: 50px; margin-bottom: 20px; text-align: left; text-transform: capitalize; font-family: 'Maven Pro', sans-serif; font-size: 31px; } .author p{ width: auto; margin: 0 50px 50px 50px; font-size: 17px; } .author .moviles{ width: 264px; height: 258px; background-size: contain; } } /*///////////////////////////////////////////////////////////////*/ .intranets .wrapper{ height: 1000px; background-color: #E6E6E6; } .intranets h1 { margin-left: 0px; font-weight: 700; } .intranets p{ text-align: center; font-weight: 300; font-size: 17px; } .intranets .desc{ width: 490px; margin-left: 200px; } .intranets .lista{ margin-left: 80px; } .intranets .lista ul{ margin-top: -10px; } .intranets .lista li{ line-height: 50px; } @media (max-width: 1150px) { .intranets .wrapper{ height: auto; } .intranets h1 { margin: 0 50px 5px 50px; } .intranets p{ width: auto; margin: 0 50px 50px 50px; font-size: 17px; } .intranets .desc{ width: auto; float: none; margin-left: 50px; margin-right: 50px; margin-bottom: 60px; } .intranets .lista{ width: auto; float: none; margin-left: 0; margin-right: 0; padding-top: 100px; background-color: #FFF; } .intranets .lista ul{ margin-top: 0; margin-left: 50px; margin-right: 50px; } .intranets .lista li{ line-height: 40px; } } /*///////////////////////////////////////////////////////////////*/ .clientes .wrapper{ height: 237px; } .clientes .aux{ max-width: 1080px; margin: auto; padding-top: 77px; } .clientes .cliente{ width: 24%; height: 91px; float: left; background-repeat: no-repeat; background-position: center center; } .clientes .cliente.naranja{ /* background-image: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/cliente-validar.jpg); */ } .clientes .cliente.bancor{ /* background-image: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/cliente-inteliagro.jpg); */ } .clientes .cliente.claro{ /* background-image: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/cliente-optiagro.jpg); */ } .clientes .cliente.coca{ /* background-image: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/cliente-coca.jpg); */ } .clientes .cliente.grido{ /* background-image: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/cliente-grido.jpg); */ } .clientes .cliente.toyota{ /* background-image: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/cliente-toyota.jpg); */ } @media (max-width: 1150px) { .clientes .wrapper{ height: auto; } .clientes .aux{ margin-left: 50px; margin-right: 50px; } .clientes .cliente{ width: 100%; margin-bottom: 10px; } } /*///////////////////////////////////////////////////////////////*/ .contacto .wrapper{ height: 700px; background: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/bg5.jpg) no-repeat left top #000; } .contacto .formulario{ width: 485px; position: absolute; left: 200px; top: 120px; } .contacto p{ font-size: 17px; color: #fff; } .contacto h1{ font-weight: 700; color: #F9F9F9; } .contacto .input{ margin-bottom: 11px; } .contacto input[type=text]{ width: 468px; height: 54px; padding: 0 0 0 13px; border: 2px solid #FFF; border-radius: 5px; background: transparent; font-family: 'Maven Pro', sans-serif; font-size: 21px; font-weight: 500; color: #FFF; } .contacto input[type=submit], .contacto input[type=button]{ height: 54px; padding-left: 16px; padding-right: 32px; border: 2px solid #9E050C; border-radius: 5px; background-color: #9E050C; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 700; color: #FFF; } .contacto .auriculares{ width: 500px; height: 401px; position: absolute; right: 0; bottom: 0; background: url(https://gestionplay.com.ar/web/theme/checkpad/clientes/siga/home//img/auriculares.png) no-repeat; } @media (max-width: 1150px) { .contacto{ margin-top: 50px; } .contacto .formulario{ width: auto; left: 50px; right: 50px; top: 200px; } .contacto input[type=text]{ width: 100%; height: 46px; font-size: 18px; } .contacto input[type=submit], .contacto input[type=button]{ height: 46px; font-size: 14px; } .contacto .auriculares{ width: 286px; height: 291px; top: 0; bottom: auto; background-size: contain; } } /*///////////////////////////////////////////////////////////////*/ footer .wrapper{ height: 92px; background-color: #000; opacity: 0.95; } #generic_price_table{ } /*PRICE COLOR CODE START*/ #generic_price_table .generic_content{ background-color: #fff; } #generic_price_table .generic_content .generic_head_price{ background-color: #f6f6f6; } #generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{ border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4; } #generic_price_table .generic_content .generic_head_price .generic_head_content .head span{ color: #525252; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{ color: #414141; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{ color: #414141; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{ color: #414141; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .month{ color: #414141; } #generic_price_table .generic_content .generic_feature_list ul li{ color: #a7a7a7; } #generic_price_table .generic_content .generic_feature_list ul li span{ color: #414141; } #generic_price_table .generic_content .generic_feature_list ul li:hover{ background-color: #E4E4E4; border-left: 5px solid #E96D4C; } #generic_price_table .generic_content .generic_price_btn a{ border: 1px solid #E96D4C; color: #E96D4C; } #generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg, #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{ border-color: #E96D4C rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #E96D4C; color: #fff; } #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span, #generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{ color: #fff; } #generic_price_table .generic_content:hover .generic_price_btn a, #generic_price_table .generic_content.active .generic_price_btn a{ background-color: #E96D4C; color: #fff; } #generic_price_table{ margin: 50px 0 50px 0; font-family: 'Raleway', sans-serif; } .row .table{ padding: 28px 0; } /*PRICE BODY CODE START*/ #generic_price_table .generic_content{ overflow: hidden; position: relative; text-align: center; } #generic_price_table .generic_content .generic_head_price { margin: 0 0 20px 0; } #generic_price_table .generic_content .generic_head_price .generic_head_content{ margin: 0 0 50px 0; } #generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{ border-style: solid; border-width: 90px 1411px 23px 399px; position: absolute; } #generic_price_table .generic_content .generic_head_price .generic_head_content .head{ padding-top: 40px; position: relative; z-index: 1; } #generic_price_table .generic_content .generic_head_price .generic_head_content .head span{ font-family: "Raleway",sans-serif; font-size: 28px; font-weight: 400; letter-spacing: 2px; margin: 0; padding: 0; text-transform: uppercase; } #generic_price_table .generic_content .generic_head_price .generic_price_tag{ padding: 0 0 20px; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price{ display: block; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{ display: inline-block; font-size: 28px; font-weight: 400; vertical-align: middle; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{ font-size: 40px; font-weight: 300; letter-spacing: -2px; line-height: 60px; padding: 0; vertical-align: middle; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{ display: inline-block; font-size: 24px; font-weight: 400; vertical-align: bottom; } #generic_price_table .generic_content .generic_head_price .generic_price_tag .month{ font-size: 18px; font-weight: 400; letter-spacing: 3px; vertical-align: middle; } #generic_price_table .generic_content .generic_feature_list ul{ list-style: none; padding: 0; margin: 0; } #generic_price_table .generic_content .generic_feature_list ul li{ font-size: 18px; transition: all 0.3s ease-in-out 0s; } #generic_price_table .generic_content .generic_feature_list ul li:hover{ transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } #generic_price_table .generic_content .generic_feature_list ul li .fa{ padding: 0 10px; } #generic_price_table .generic_content .generic_price_btn{ margin: 20px 0 32px; } #generic_price_table .generic_content .generic_price_btn a{ border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; -webkit-border-radius: 50px; display: inline-block; font-size: 18px; outline: medium none; padding: 12px 30px; text-decoration: none; text-transform: uppercase; } #generic_price_table .generic_content, #generic_price_table .generic_content:hover, #generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg, #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg, #generic_price_table .generic_content .generic_head_price .generic_head_content .head h2, #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2, #generic_price_table .generic_content .price, #generic_price_table .generic_content:hover .price, #generic_price_table .generic_content .generic_price_btn a, #generic_price_table .generic_content:hover .generic_price_btn a{ transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } @media (max-width: 320px) { } @media (max-width: 767px) { #generic_price_table .generic_content{ margin-bottom:75px; } } @media (min-width: 768px) and (max-width: 991px) { #generic_price_table .col-md-3{ float:left; width:50%; } #generic_price_table .col-md-4{ float:left; width:50%; } #generic_price_table .generic_content{ margin-bottom:75px; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 1200px) { } #generic_price_table_home{ font-family: 'Raleway', sans-serif; } .text-center h1, .text-center h1 a{ color: #7885CB; font-size: 30px; font-weight: 300; text-decoration: none; } .demo-pic{ margin: 0 auto; } .demo-pic:hover{ opacity: 0.7; } #generic_price_table_home ul{ margin: 0 auto; padding: 0; list-style: none; display: table; } #generic_price_table_home li{ float: left; } #generic_price_table_home li + li{ margin-left: 10px; padding-bottom: 10px; } #generic_price_table_home li a{ display: block; width: 50px; height: 50px; font-size: 0px; } #generic_price_table_home .blue{ background: #3498DB; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .emerald{ background: #E96D4C; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .grey{ background: #7F8C8D; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .midnight{ background: #34495E; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .orange{ background: #E67E22; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .purple{ background: #9B59B6; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .red{ background: #E74C3C; transition:all 0.3s ease-in-out 0s; } #generic_price_table_home .turquoise{ background: #1ABC9C; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .blue:hover, #generic_price_table_home .emerald:hover, #generic_price_table_home .grey:hover, #generic_price_table_home .midnight:hover, #generic_price_table_home .orange:hover, #generic_price_table_home .purple:hover, #generic_price_table_home .red:hover, #generic_price_table_home .turquoise:hover{ border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; transition: all 0.3s ease-in-out 0s; } #generic_price_table_home .divider{ border-bottom: 1px solid #ddd; margin-bottom: 20px; padding: 20px; } #generic_price_table_home .divider span{ width: 100%; display: table; height: 2px; background: #ddd; margin: 50px auto; line-height: 2px; } #generic_price_table_home .itemname{ text-align: center; font-size: 50px ; padding: 50px 0 20px ; border-bottom: 1px solid #ddd; margin-bottom: 40px; text-decoration: none; font-weight: 300; } #generic_price_table_home .itemnametext{ text-align: center; font-size: 20px; padding-top: 5px; text-transform: uppercase; display: inline-block; } #generic_price_table_home .footer{ padding:40px 0; } .price-heading{ text-align: center; } .price-heading h1{ color: #666; margin: 0; padding: 0 0 50px 0; } .demo-button { background-color: #333333; color: #ffffff; display: table; font-size: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 50px; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium ; padding: 10px; text-align: center; text-transform: uppercase; } .bottom_btn{ background-color: #333333; color: #ffffff; display: table; font-size: 28px; margin: 60px auto 20px; padding: 10px 25px; text-align: center; text-transform: uppercase; } .demo-button:hover{ background-color: #666; color: #FFF; text-decoration:none; } .bottom_btn:hover{ background-color: #666; color: #FFF; text-decoration:none; }