/* CSS Document
	Reset browser default styles
	All 
	Header
	Welcome block
	Mobile info
	Services list
	Footer 
	Media Queries
*/




@font-face {font-family:'GothamHead';src: url('/style/fonts/gothamc1head.eot');src: url('/style/fonts/gothamc1head.eot') format('embedded-opentype'), url('/style/fonts/gothamc1head.woff2') format('woff2'), url('/style/fonts/gothamc1head.woff') format('woff'), url('/style/fonts/gothamc1head.ttf') format('truetype'), url('/style/fonts/gothamc1head.svg#GothamHead') format('svg');font-weight: normal;font-style: normal;}


/* Reset browser default styles */
html, body {min-height:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;}
body {font:20px 'Source Sans Pro', sans-serif;color:#000;background:#fff; line-height:25px;}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display:block;}
table {border-collapse:collapse;} 
img {border:none;max-width:100%;height:auto;}
iframe, object, embed {max-width:100%;}
ul, li {list-style:none;}
input {vertical-align:middle;}
input:focus, textarea:focus {outline:none;}
button, input[type="submit"] {cursor:pointer;-webkit-appearance:none;}
a, a:active, a:visited {text-decoration:none;color:#000;transition:color ease-in-out .2s;}
a:hover {text-decoration:none;color:#9b51e0;}




/* All */
.wrapper {max-width:1130px;margin:0 auto;position:relative;}
.cover {display:none;}
*[data-cover] {min-height:200px;background:url(../images/blank.gif) center center no-repeat;background-size:cover;}
h1 {color:#8143ba;font:700 48px 'Source Sans Pro';padding-bottom:20px;}
h3 {color:#8143ba;font:700 36px 'Source Sans Pro';padding-bottom:15px;}
p {padding-bottom:35px;}

input[type="text"] {font:24px 'Source Sans Pro', sans-serif;color:#757575;background:#ebebeb;border:none;border-radius:0;padding:0 20px;width:100%;box-sizing:border-box;}
input[type="text"]::placeholder {opacity:1;}

.button, .button:visited {color:#fff;background:#9b51e0;padding:5px 10px;min-width:270px;min-height:56px;font:24px 'Source Sans Pro';border:none;border-radius:10px;text-align:center;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;transition:background-color ease-in-out .2s, color ease-in-out .2s;}
.button:hover {color:#fff;background:#8143ba;}
.button.button_yellow, .button.button_yellow:visited {background:#ffbb35;min-height:44px;min-width:240px;color:#000;font-size:18px;}
.button.button_yellow:hover {background:#ffa533;}




/* Header */
.header {background:#9b51e0;color:#fff;padding:10px 0;}
.header .wrapper {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:80px;}
.header .logo, .header .logo:visited {color:#fff;padding-left:80px;min-width:200px;background:url(../images/pling-logo-white-w-text.svg) left center no-repeat;font:24px/60px 'GothamHead';}
    .header .login, .header .login:visited {
        color: #fff;
        padding-left: 35px;
        min-width: 200px;background:url(../images/icons/login.png) left center no-repeat;
        font-size: 24px;
    }
.header .search {display:none;position:absolute;top:8px;right:80px;font-size:0;line-height:0;width:26px;height:26px;background:url(../images/icons/search2.png) no-repeat;}
.header .button {margin-left:40px;}
.menu_trigger {position:absolute;top:10px;right:20px;width:25px;height:22px;z-index:999;transform:rotate(0deg);transition:all ease-in-out 0.5s;cursor:pointer;display:none;}
.menu_trigger span {display:block;position:absolute;height:4px;width:100%;background:#fff;border-radius:0;opacity:1;left:0;transition:all ease-in-out 0.25s;will-change:transform;}
.menu_trigger span:nth-child(1) {top:0px;}
.menu_trigger span:nth-child(2), .menu_trigger span:nth-child(3) {top:9px;}
.menu_trigger span:nth-child(4) {top:18px;}
.menu_trigger.active span:nth-child(1), .menu_trigger.active span:nth-child(4) {transform:scale(0, 0);}
.menu_trigger.active span:nth-child(2) {transform:rotate(45deg);}
.menu_trigger.active span:nth-child(3) {transform:rotate(-45deg);}




/* Welcome block */
.welcome_block {background:#f8f9fe;padding:70px 0 120px 0;position:relative;}
.welcome_block:before {content:'';display:block;width:640px;height:579px;position:absolute;bottom:0;right:90px;background:url(../images/demo/pling.png) no-repeat;}
.welcome_block .wrapper {display:flex;flex-wrap:wrap;align-items:flex-start;z-index:2;}
.welcome_block .wrapper > div {flex:1;max-width:555px;padding:10px 50px 20px 0;text-align:center;}
.welcome_block .wrapper > div form {display:flex;max-width:310px;margin:0 auto 80px auto;}
.welcome_block .wrapper > div form input[type="text"] {width:calc(100% - 56px);}
.welcome_block .wrapper > div form input[type="submit"] {font-size:0;line-height:0;min-width:56px;height:56px;background:#919191 url(../images/icons/search.png) center center no-repeat;border:none;}
.welcome_block > img {position:absolute;bottom:0;right:0;}




/* Mobile info */
.mobile_info {background:#f5eefc;padding-top:65px;}
.mobile_info .wrapper {display:flex;align-items:flex-end;}
.mobile_info .mobile {width:424px;height:631px;padding:106px 28px 0 29px;box-sizing:border-box;background:url(../images/demo/mobile.png) no-repeat;}
.mobile_info .mobile > div {padding:80px 15px 0 15px;box-sizing:border-box;min-height:100%;background:#B050E5;text-align:center;color:#fff;font:40px/40px 'GothamHead';}
.mobile_info .mobile > div p {padding-top:5px;}
.mobile_info ul {text-align:center;flex:1;padding:0 0 30px 170px;}
.mobile_info ul li {padding-bottom:30px;}




/* Services list */
.services_list {padding:80px 0 200px 0;}
.services_list ul {display:flex;flex-wrap:wrap;align-items:center;}
.services_list ul li {flex:1 0 33.33%;display:flex;align-items:center;padding:0 15px 35px 15px;box-sizing:border-box;font-size:40px;font-weight:600;}
.services_list ul li span {min-width:100px;}




/* Footer */
.footer {background:#c4c4c4;padding:20px 20px 50px 20px;display:flex;flex-wrap:wrap;}
/*.footer p {font-size:50px;font-weight:700;padding:0;flex:1;text-align:center;}*/
.footer p {
    font-size: 20px;
    font-weight: 500;
    flex: 1;
    text-align: center;
    padding-bottom: 0px;
}




/* Media Queries */
	/* Desktop */
@media only screen and (min-width: 980px) and (max-width: 1129px) {
.wrapper {max-width:980px;}
/* Mobile info */
.mobile_info ul {padding-left:20px;}
}


	/* Tablets and mobiles */
@media only screen and (max-width: 959px) {
.wrapper {padding:0 10px;box-sizing:border-box;}
body {font-size:17px;}
h1 {font-size:42px;}
h3 {font-size:32px;}
p {padding-bottom:35px;}
/* Welcome block */
.welcome_block {padding:45px 0 100px 0;}
.welcome_block .wrapper {display:block;}
.welcome_block .wrapper > div {padding:0 0 30px 0;}
.welcome_block .wrapper > div form {margin-top:0;}
/* Mobile info */
.mobile_info {padding-top:30px;}
.mobile_info .wrapper {flex-flow:column wrap;align-items:center;}
.mobile_info .mobile {order:2;}
.mobile_info ul {padding:0 0 20px 0;}
.mobile_info ul li {padding-bottom:20px;}
/* Services list */
.services_list {padding:40px 0 100px 0;}
/* Footer */
.footer {padding:30px 10px 20px 10px;display:block;}
}


	/* Mobile portrait and landscape modes */
@media only screen and (max-width: 767px) {
/* Header */
.header .wrapper {min-height:40px;}
.header .logo, .header .logo:visited {padding-left:80px;background-size:auto 35px;font-size:18px;line-height:40px;}
.header .login, .header .login:visited {padding-left:30px;font-size:21px;}
.header .mobile_popup {position:absolute;top:calc(100% + 10px);left:100%;width:90%;background:#9b51e0;padding:30px 10px;z-index:999;box-sizing:border-box;transition:transform ease-in-out .3s;will-change:transform;display:flex;flex-flow:column wrap;align-items:flex-end;}
.header .mobile_popup.active {transform:translateX(-100%);}
.header .button {margin:15px 0 0 0;max-width:150px;}
.header .search, .menu_trigger {display:block;}
/* Welcome block */
.welcome_block {padding:35px 0 80px 0;}
.welcome_block:before {width:300px;height:271px;right:15px;background-size:300px auto;}
.welcome_block .wrapper > div {max-width:100%;}
.welcome_block > img {display:none;}
/* Mobile info */
.mobile_info .mobile {width:280px;height:417px;padding:70px 18px 0 19px;background-size:280px auto;}
.mobile_info .mobile > div {padding:40px 10px 0 10px;font-size:32px;line-height:32px;}
.mobile_info .mobile > div img {width:110px;}
/* Services list */
.services_list ul li {flex-basis:50%;font-size:32px;}
.services_list ul li span {min-width:70px;}
}