/* CSS Document
	Reset browser default styles
	All 
	Header
	Welcome block
	Mobile info
	Services table
	Price table
	Footer 
	Media Queries
*/




@font-face {font-family:'GothamHead';src: url('/style/fonts/gothamc1head.eot');src: url('/fonts/gothamc1head.eot') format('embedded-opentype'), url('/style/fonts/gothamc1head.woff2') format('woff2'), url('/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:#4f6ede;}




/* 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:#3d55ab;font:700 48px 'Source Sans Pro';padding-bottom:20px;}
h3 {color:#3d55ab;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;height:56px;width:100%;box-sizing:border-box;}
input[type="text"]::placeholder {opacity:1;}

.button, .button:visited {color:#fff;background:#4f6ede;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 ease-in-out .2s, color ease-in-out .2s;}
.button:hover {color:#fff;background:#3d55ab;}
.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;}
.button.button_green, .button.button_green:visited {background:linear-gradient(to bottom, #7ebd3b, #35881e);min-height:28px;min-width:90px;font-size:16px;font-weight:700;text-shadow:rgba(0,0,0,.5) 0 0 1px;}
.button.button_green:hover {background:linear-gradient(to bottom, #7ebd3b, #35881e);}




/* Header */
.header {background:#3B6EE2;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:55px;width: 200px;background:url(../images/logo-white-w-text.svg) left center no-repeat;font:19px/60px 'GothamHead';}
.header .login, .header .login:visited {color:#fff;padding-left:35px;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:80px 0 150px 0;position:relative;overflow:hidden;}
.welcome_block:before {content:'';display:block;width:365px;height:365px;position:absolute;bottom:50px;right:150px;background:#d6ddf8;padding:45px;border:80px solid #f0f2fc;background-clip:content-box;border-radius:50%;}
.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:100px;}




/* Mobile info */
.mobile_info {background:#edf0fc;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:#3B6EE2;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 table */
.services_table {background:#ededed;padding:80px 0 80px 0;}
.services_table .wrapper {overflow:auto;}
.services_table .wrapper > ul > li ul {display:flex;}
.services_table .wrapper > ul > li ul li {flex:1;padding:0 10px 30px 10px;text-align:center;}
.services_table .wrapper > ul > li ul li:first-child {padding-left:0;flex:2;display:flex;align-items:center;font-size:30px;font-weight:600;text-align:left;}
.services_table .wrapper > ul > li ul li:first-child span {min-width:70px;}
.services_table .wrapper > ul > li:first-child ul li {padding-bottom:5px;}
.services_table .wrapper > ul > li ul li .dot {background:#000;display:inline-block;width:18px;height:18px;border-radius:50%;margin-top:20px;}




/* Price table */
.price_table {padding:110px 0;}
.price_table .wrapper {overflow:auto;}
.price_table .wrapper > ul {width:925px;margin:0 auto;display:flex;align-items:flex-end;}
.price_table .wrapper > ul > li {flex:1;text-align:center;border-right:1px solid #fff;overflow:hidden;}
.price_table .wrapper > ul > li .title {background:linear-gradient(to bottom, #4a6640, #152d0d);color:#fff;text-align:center;padding:3px;text-transform:uppercase;font-size:15px;font-weight:600;border-radius:5px 5px 0 0;}
.price_table .wrapper > ul > li .price {padding:5px 5px 25px 5px;color:#fff;font-size:70px;line-height:70px;letter-spacing:-2px;text-shadow:rgba(0,0,0,.5) 0 0 2px;font-weight:700;border-top:1px solid #b1d64b;background:linear-gradient(to bottom, #7ebd3b, #35881e);}
.price_table .wrapper > ul > li .price span {display:block;font-size:12px;line-height:16px;font-weight:400;letter-spacing:0;text-shadow:none;}
.price_table .wrapper > ul > li .price strong {display:block;color:#000;font-size:15px;line-height:20px;letter-spacing:0;text-shadow:none;}
.price_table .wrapper > ul > li .signup {padding:30px 0 10px 0;background:#e3f0d6;position:relative;}
.price_table .wrapper > ul > li .signup .button {z-index:2;position:relative;}
.price_table .wrapper > ul > li .signup:before, .price_table .wrapper > ul > li .signup:after {content:'';display:block;width:55%;height:35px;background:#e3f0d6;position:absolute;top:-12px;left:-10%;transform:rotate(15deg);}
.price_table .wrapper > ul > li .signup:after {left:auto;right:-10%;transform:rotate(-15deg);}
.price_table .wrapper > ul > li ul li {font-size:14px;min-height:18px;padding:8px 5px;display:flex;align-items:center;justify-content:center;}
.price_table .wrapper > ul > li:first-child ul li:last-child {font-style:italic;color:#787679;padding:12px 5px;min-height:22px;}
.price_table .wrapper > ul > li ul li:nth-child(odd) {background:#e6e6e6;}
.price_table .wrapper > ul > li ul li .check {display:inline-block;width:7px;height:3px;border-left:2px solid #000;border-bottom:2px solid #000;transform:rotate(-45deg);}
.price_table .wrapper > ul > li:nth-child(2) ul li {background:#e3f0d6;}
.price_table .wrapper > ul > li:nth-child(2) ul li:nth-child(odd) {background:#cce0ab;}
.price_table .wrapper > ul > li:nth-child(3) {border-right:none;}
.price_table .wrapper > ul > li:nth-child(3) .title {background:linear-gradient(to bottom, #4b7142, #153a0e);}
.price_table .wrapper > ul > li:nth-child(3) .price {border-top-color:#d9ebd3;background:linear-gradient(to bottom, #62bd44, #2b781a);}
.price_table .wrapper > ul > li:nth-child(3) .signup, .price_table .wrapper > ul > li:nth-child(3) .signup:before, .price_table .wrapper > ul > li:nth-child(3) .signup:after {background:#e3f0d6;}
.price_table .wrapper > ul > li:nth-child(3) ul li {background:#d9ebd3;}
.price_table .wrapper > ul > li:nth-child(3) ul li:nth-child(odd) {background:#b1d7a8;}
.price_table .wrapper > ul > li:nth-child(4) {position:relative;z-index:10;box-shadow:rgba(0,0,0,.5) 0 0 5px 0;border-radius:5px 5px 0 0;min-width:170px;border-left:1px solid #fff;}
.price_table .wrapper > ul > li:nth-child(4) .title {background:linear-gradient(to bottom, #6a917e, #223f2d);}
.price_table .wrapper > ul > li:nth-child(4) .price {font-size:77px;border-top-color:#64d0b8;background:linear-gradient(to bottom, #48af84, #115023);}
.price_table .wrapper > ul > li:nth-child(4) .signup, .price_table .wrapper > ul > li:nth-child(4) .signup:before, .price_table .wrapper > ul > li:nth-child(4) .signup:after {background:#d3e7de;}
.price_table .wrapper > ul > li:nth-child(4) ul li {background:#d3e7de;}
.price_table .wrapper > ul > li:nth-child(4) ul li:nth-child(odd) {background:#a8cfbd;}
.price_table .wrapper > ul > li:nth-child(5) .title {background:linear-gradient(to bottom, #4c6772, #143034);}
.price_table .wrapper > ul > li:nth-child(5) .price {font-size:57px;border-top-color:#63cadb;background:linear-gradient(to bottom, #46a6be, #174f7e);}
.price_table .wrapper > ul > li:nth-child(5) .signup, .price_table .wrapper > ul > li:nth-child(5) .signup:before, .price_table .wrapper > ul > li:nth-child(5) .signup:after {background:#ddeaf0;}
.price_table .wrapper > ul > li:nth-child(5) ul li {background:#ddeaf0;}
.price_table .wrapper > ul > li:nth-child(5) ul li:nth-child(odd) {background:#a9cdd9;}
.price_table .wrapper > ul > li:nth-child(6) .title {background:linear-gradient(to bottom, #5c85a3, #28526b);}
.price_table .wrapper > ul > li:nth-child(6) .price {font-size:57px;border-top-color:#76d4f0;background:linear-gradient(to bottom, #54b6e3, #256ac7);}
.price_table .wrapper > ul > li:nth-child(6) .signup, .price_table .wrapper > ul > li:nth-child(6) .signup:before, .price_table .wrapper > ul > li:nth-child(6) .signup:after {background:#dbeefc;}
.price_table .wrapper > ul > li:nth-child(6) ul li {background:#dbeefc;}
.price_table .wrapper > ul > li:nth-child(6) ul li:nth-child(odd) {background:#b5ddf7;}




/* Footer */
.footer {background:#c4c4c4;padding:20px 20px 20px 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:before {right:50px;}
.welcome_block .wrapper {display:block;}
.welcome_block .wrapper > div {padding:0 0 30px 0;}
.welcome_block .wrapper > div form {margin-top:0;}
.welcome_block > img {right: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 table */
.services_table .wrapper > ul {width:980px;margin:0 auto;}
/* 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:#3B6EE2;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:180px;height:180px;bottom:-100px;right:-120px;padding:22px;border-width:30px;}
.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;}
}