body{font-family: 'Montserrat', sans-serif; font-size:16px; line-height: 1.56;letter-spacing: -0.2px;}
img{max-width:100%;}

.title1{font-size:25px;font-weight:600;line-height:1.6;letter-spacing:-0.2px;color:#131f31;margin-bottom:30px;}
.title2{font-size:35px;font-weight:800;line-height:1.29;color:#131f31;margin-bottom:30px;}
.title3{font-size:20px;font-weight:500;line-height:1.5;color:#131f31;margin-bottom:20px;}
.title4{font-size:16px;font-weight:600;line-height:1.5;color:#131f31;margin-bottom:20px;}

.button-set{margin-bottom:44px;}
.button-set .button:first-child{margin-right:30px;}

.button{display:inline-block; background:none; padding:0 84px; border-radius: 25px; border: solid 2px #4ea9ff; color:#4ea9ff; font-size:18px; line-height:46px;}
.button:hover{text-decoration:none;color:#fff; background:#4ea9ff;}
button:focus {outline:0;}
button, a{outline:none !important;}
&::-moz-focus-inner {border:0;}

.half{width:60%;}
p{margin-bottom:1.4rem;}
strong{font-weight:500;}

.lb{color:#4ea9ff;}
.lg{color:#a8abb3;}

.borderless td, .borderless th, .borderless thead th {
    border: none;
}

/**
*	----------- TOP NAV --------------
*/
nav.navbar{box-shadow:0 5px 17px 0 rgba(133, 143, 170, 0.27); padding:20px 0;}
nav .container{position:relative;}
nav .logo{position:absolute; left:-70px;}
nav .logo-txt a{display:inline-block;}
nav .logo-txt a:hover, nav .logo-txt a.active{text-decoration:none; color:#131f31;}
nav .logo-txt a{display:inline-block; vertical-align:middle; color:#a8abb3; font-size:20px; line-height:1.25; font-weight:800; text-transform:uppercase;}
.navbar-brand{margin:0; padding:0;}
nav .nav li{padding:0 37px;}
nav .nav li a img{display:block;}
nav .nav li a{color:#a8abb3;font-size:13px;line-height:1.92; letter-spacing:0.5px; font-weight:600;text-transform:uppercase;}
nav .nav li a:hover, nav .navbar-nav li.active a{color:#353c4c; text-decoration:none;}
nav .nav li:last-child{padding-right:0;}
nav .nav li.login a span{display:none;}

.nav-toggle{display:none;}
.nav-toggle{background:#fff; border:none; padding:5px; cursor:pointer;  outline: none; }
.nav-toggle .inner{position:relative;width:23px;height:20px; display:block;}
.nav-toggle .inner i{height:4px; background:#a8abb3; display:block; transition: 0.25s 0.2s;}
.nav-toggle .inner i:before, .nav-toggle .inner i:after{content:""; position:absolute; width:100%; height:4px; background:#a8abb3; display:block;}
.nav-toggle .inner i:before{top:50%;margin-top:-2px; width:75%;}
.nav-toggle .inner i:after{bottom:0px;transition: 0.15s 0.1s;}

.nav-toggle:not(.collapsed) .inner i:before{opacity:0;}
.nav-toggle:not(.collapsed) .inner i {transform: rotate(-45deg) translateX(-5px) translateY(5px);}
.nav-toggle:not(.collapsed) .inner i:after {transform: rotate(-90deg);}

main{position:relative;}
/**
*	--------------- WIDGET BLOCK -----------------
*/
.widget{padding:50px 0;position:relative; z-index:1000;}

.widget.about{z-index:100;}

.widget.spacer{z-index:10;min-height:112px;padding-bottom:0;margin-top:87px;}
.widget.spacer .inner{z-index:0;position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); background:url(img/grad-bg1@2x.png) center center no-repeat; background-size:100% 100%; height:1093px;}
.widget.spacer .inner .container{min-height:100%;position:relative;}
.widget.spacer .inner .build1,
.widget.spacer .inner .build2,
.widget.spacer .inner .build3,
.widget.spacer .inner .build4{position:absolute;}
.widget.spacer .inner .build1{top:40px; right:0;width:auto;}
.widget.spacer .inner .build1 img{height:216px;}
.widget.spacer .inner .build2{top:calc(50% - 250px); width:auto; left:calc(50% - 15px);}
.widget.spacer .inner .build2 img{height:199px;}
.widget.spacer .inner .build3{bottom:195px; left:0; width:auto;}
.widget.spacer .inner .build3 img{height:556px;}
.widget.spacer .inner .build4{top:42%; right:0; width:auto;}
.widget.spacer .inner .build4 img{height:160px;}

.widget.integra{padding-top:0;}
.widget.integra:after{content:""; display:block; position:absolute; width:638px; height:641px; right:0; bottom:-80px;  z-index:0; background:url(img/combined-shape.png) bottom right no-repeat; }
.widget.integra .left-col{padding-top:380px;z-index:10; position:relative;}
.widget.integra .right-col{padding-top:0px; z-index:10; position:relative;}
.widget.integra .container{position:relative;}
.widget.integra .bg{position:absolute; width:380px; right:0; bottom:0; z-index:10;}

.widget.customers{}
.widget.customers:after{content:""; display:block; position:absolute; width:551px; height:629px; left:0; bottom:-80px;  z-index:0; background:url(img/combined-shape2.png) bottom left no-repeat; }
.widget.customers .container{position:relative;}
.widget.customers .left-col{position:relative; z-index:10;}
.widget.customers .bg{position:absolute; width:345px; left:10%; bottom:0; z-index:10;}

.widget.performer{}
.widget.performer .right-col{padding-top:100px;}

.widget.pricelist{padding-top:0;}

.widget.pricelist .table thead th{font-size:16px; font-weight:600; vertical-align:top;}
.widget.pricelist .table tbody th{font-size:25px; font-weight:600;}
.widget.pricelist .table tbody td{font-size:25px; font-weight:normal;}

.widget.pricelist2{}
.widget.pricelist2 .table thead th{vertical-align:top;}
.widget.pricelist2 .table tbody td{vertical-align:middle;}
.widget.pricelist2 .table tbody td span.mr-5{display:block; margin-right:15% !important;}
.widget.pricelist2 .table tbody td.price{font-size:25px; font-weight:normal; white-space:nowrap;}
.dot{display:inline-block; width:10px; height:10px; border-radius:10px; background:#131f31;}
.dot.b2{background:#9137ff;}
.dot.b3{background:#0a5af8;}
.dot.b4{background:#fe51fe;}
.dot.b5{background:#1ee2ff;}
.dot.b6{background:#a8abb3;}

.total{font-size:25px; line-height:1.6; letter-spacing:-0.2px; padding-top:25px;}
.total .sum{font-weight:600;}

.widget.timeline{padding-bottom:0;}

.table.timeline tr.grid td{border-right:1px solid #d8d8d8; height:155px; border-top:none; padding:0; }
.table.timeline tr.grid td:last-child{border:none;}
.table.timeline tr.labels td{font-size:13px; font-weight:normal; text-align:center; border:none;}

.table.timeline .line{height:10px; transform:translateY(115px); background:#131f31;margin:0 -1px 0 0;}
.table.timeline .line.l2{transform:translateY(85px); background:#9137ff;}
.table.timeline .line.l3{transform:translateY(75px); background:#0a5af8;}
.table.timeline .line.l4{transform:translateY(55px); background:#fe51fe;}
.table.timeline .line.l5{transform:translateY(35px); background:#1ee2ff;}

.column-5{width:41.6667%;}
.column-3{width:25%;}
.column-2{width:16.6667%;}


footer{padding:40px 0 80px 0; background:#131f31; color:#a8abb2;margin-top:140px;}
footer nav{margin-bottom:70px;}



/**
*	------ MODALS --------
*/
.modal-content{border:none;border-radius:0;}
.modal-dialog{max-width:915px;}
.modal-dialog .modal-content{padding:35px 55px 55px 55px;}
.modal-title{font-size:25px;font-weight:800;line-height:1.29;color:#131f31;}
.modal-header,.modal-footer{border:none;}
.modal-header{align-items:center;}

.modal-dialog .button{padding:0 35px;}
.modal-footer{justify-content:flex-start; padding-top:25px;}
.modal-footer > :not(:last-child){margin-right:35px;}

ul.dash-list {list-style: none; padding:0;}
ul.dash-list > li {padding-left:29px; position:relative;}
ul.dash-list > li:before {content: "\2014"; position:absolute; left:0;}

.details{}
.details .col-lg-6{margin-bottom:20px;}
.details .key, .details .val{display:block;}
.details .key{font-weight:500; font-size:16px; line-height;1.56; letter-spacing:-0.2px;}
.details .val{font-size:16px; line-height;1.56; letter-spacing:-0.2px;}
.details.more{padding-top:25px;}

.page-inner footer{margin-top:0px;}

.page-inner{}
.page-inner main{background:url(img/bg-1.png) bottom right no-repeat;}
.page-inner main:after{content:""; position:absolute; z-index:0; bottom:0; left:0; width:625px; height:413px; background:url(img/bg-2.png) bottom left no-repeat;}





@media (max-width: 1024px) {
	nav .logo{position:static;}
	nav .logo-txt{margin-left:15px;}
	nav .nav li{padding:0 15px;}
	
	.title1{font-size:21px;margin-bottom:30px;}
	.title2{font-size:30px;margin-bottom:30px;}
	.title3{font-size:18px;margin-bottom:20px;}
	.title4{font-size:16px;margin-bottom:20px;}
	
	
	.widget.spacer .inner{height:842px;}
	.widget.spacer .inner .build1{top:20px; right:4%;width:auto;}
	.widget.spacer .inner .build1 img{height:166px;}
	.widget.spacer .inner .build2{top:calc(50% - 183px); width:auto; left:calc(50% - 15px);}
	.widget.spacer .inner .build2 img{height:153px;}
	.widget.spacer .inner .build3{bottom:150px; left:30px; width:auto;}
	.widget.spacer .inner .build3 img{height:427px;}
	.widget.spacer .inner .build4{top:42%; right:4%; width:auto;}
	.widget.spacer .inner .build4 img{height:123px;}
	
	.widget.integra .left-col{padding-top:292px;}
	
	.widget.integra .bg{width:292px;}
	.widget.integra:after{height:493px; background-size:90% 100%; bottom:-50px}
	
	.widget.customers{padding-bottom:0;}
	.widget.customers .bg{width:265px;bottom:134px;}
	.widget.customers:after{height:493px; background-size:90% 100%; bottom:0px}
	
	/*.widget{padding-left:88px;padding-right:88px;}
	.widget.spacer{height:400px;}
	.widget.integra{background-size:50%;}
	.widget.integra .left-col{padding-top:0px;padding-bottom:35px;}
	.half{width:auto;}*/
}

@media (max-width: 768px) {
	/*main{margin:0 88px;}*/
	.half{width:auto;}
	.title2{font-size:30px; line-height:1.33;}
	.w-77{width:77%;}
	
	.nav-toggle{display:block;}
	nav.navbar{padding-left:47px;padding-right:47px;}
	nav .logo{position:static; left:-70px;}
	nav .logo-txt a{letter-spacing:1.5px;}
	header nav .nav{padding-top:35px;}
	
	nav .nav li{text-align:center; padding:15px;}
	header nav .nav li:last-child{padding:35px 0;}
	nav .nav li a{line-height:2.14;font-weight:normal;}
	nav .nav li.login a{display:inline-block; padding:0 35px; border-radius: 25px; border: solid 2px #4ea9ff; color:#4ea9ff; font-size:18px; text-transform:none; line-height:50px;}
	nav .nav li.login a span{display:block;}
	nav .nav li.login a img{display:none;}

	.widget {padding-left:35px;  padding-right:35px;}
	.widget.about{padding-bottom:0;}
	.widget.integra .left-col{padding-top:0px;padding-bottom:0px;}
	
	.widget.integra .bg{position:relative;left:40%;}
	.widget.customers .bg{position:relative;left:20%; bottom:80px; padding-top:175px; }
	
	.widget.integra:after{1height:369px; bottom:0; width:100%; background-size:contain;}
	
	.widget.customers{padding-top:0;}
	.widget.customers .left-col{padding-top:0;padding-bottom:0;}
	.widget.customers:after{1height:369px; bottom:0; width:100%; background-size:contain;}
	
	.widget.performer{padding-top:0; padding-bottom:0;}
	.widget.performer .right-col{padding-top:35px;}
	
	.widget.spacer{min-height:388px; margin-top:0;margin-bottom:24px;}
	.widget.spacer .inner{height:530px;}
	.widget.spacer .inner .build1{top:20px; right:4%;width:auto;}
	.widget.spacer .inner .build1 img{height:128px;}
	.widget.spacer .inner .build2{top:calc(50% - 126px); width:auto; left:calc(50% - 15px);}
	.widget.spacer .inner .build2 img{height:117px;}
	.widget.spacer .inner .build3{bottom:75px; left:30px; width:auto;}
	.widget.spacer .inner .build3 img{height:328px;}
	.widget.spacer .inner .build4{top:42%; right:4%; width:auto;}
	.widget.spacer .inner .build4 img{height:95px;}
	
	.widget.pricelist .table thead th{font-size:16px; font-weight:600; padding:10px 5px;}
	.widget.pricelist .table tbody th{font-size:22px; font-weight:600; padding:10px 5px;}
	.widget.pricelist .table tbody td{font-size:22px; font-weight:normal;padding:10px 5px;}
	.widget.pricelist .table tbody th .lb,
	.widget.pricelist .table tbody td .lg{font-size:20px;}
	
	.widget.pricelist2{padding-top:0;}
	.widget.pricelist2 .table thead th{font-size:16px;vertical-align:top;padding:10px 5px;}
	.widget.pricelist2 .table tbody td{font-size:14px;padding:10px 5px;}
	.widget.pricelist2 .table tbody td.price{font-size:22px; font-weight:normal;}

	.total{font-size:20px;}
	.widget.timeline{padding-top:0; padding-bottom:35px;}
	
	.page-inner main:after{width:100%;}
	.page-inner main{background-position:right -180px top -80px;}
}


@media (max-width: 667px) {
	
	.w-77{width:auto;}
	
	.widget.spacer{min-height:388px; margin-top:0;margin-bottom:24px;}
	.widget.spacer .inner{height:407px;}
	.widget.spacer .inner .build1{top:20px; right:0%;width:auto;}
	.widget.spacer .inner .build1 img{height:98px;}
	.widget.spacer .inner .build2{top:calc(50% - 90px); width:auto; left:calc(50% - 15px);}
	.widget.spacer .inner .build2 img{height:90px;}
	.widget.spacer .inner .build3{bottom:75px; left:0; width:auto;}
	.widget.spacer .inner .build3 img{height:252px;}
	.widget.spacer .inner .build4{top:42%; right:0%; width:auto;}
	.widget.spacer .inner .build4 img{height:73px;}
	
	
	.widget.integra .bg{position:relative;left:40%; width:224px;padding-top:15px;}
	.widget.customers .bg{position:relative;left:20%; width:204px; bottom:80px; padding-top:140px; }
	
	.widget.integra:after{bottom:0; height:380px; width:100%; background-size:contain;}

	.widget.customers:after{bottom:0; height:380px; width:100%; background-size:contain;}
	
	/*.widget.integra .left-col{padding-top:0px;padding-bottom:0px;}
	.widget.integra .bg{position:relative; text-align:center; margin:0 auto;}
	.widget.integra .bg img{height:360px;}
	.widget.integra:after{height:440px; bottom:-5px; width:100%; background-size:70% 100%;}
	
	.widget.customers{padding-top:0;}
	.widget.customers .left-col{padding-top:0;padding-bottom:0;}
	.widget.customers .bg{position:relative; text-align:center; padding-top:15px;}
	.widget.customers .bg img{height:320px;}
	.widget.customers:after{height:440px; bottom:-15px; width:100%; background-size:70% 100%;}
	*/
	
	footer{padding:25px 0;margin-top:70px;}
	footer nav{margin-bottom:15px;}
	footer nav .nav{justify-content:center !important;}
	footer nav .nav li:last-child{padding-right:auto !important;}
}


@media (max-width: 576px) {
	p{margin-bottom:1rem;}
	body{font-size:14px; line-height: 1.43; letter-spacing:-0.2px;}
	/*main{margin:0 10px;}*/
	.widget{padding:35px 0; padding-left:9px;padding-right:9px;}
	.button{ padding:0 35px; font-size:14px; line-height:30px;}
	.button-set{margin-bottom:30px; text-align:center;}
	.button-set .button:first-child{margin-right:20px;}
	
	.title1{font-size:17px;margin-bottom:20px;line-height:1.4;}
	.title2{font-size:20px;margin-bottom:30px;line-height:1.4;}
	.title3{font-size:16px;margin-bottom:20px;}
	.title4{font-size:16px;margin-bottom:20px;}
	
	nav.navbar{padding:20px 24px;}
	nav .logo img{height:20px;}
	nav .logo-txt a{font-size:15px;}
	nav .nav li.login a{padding:0 35px; font-size:14px; line-height:30px;}
	
	.widget.spacer{min-height:260px; margin-top:0;margin-bottom:24px;}
	.widget.spacer .inner{height:313px;}
	.widget.spacer .inner .build1{top:10px; right:10px;width:auto;}
	.widget.spacer .inner .build1 img{height:75px;}
	.widget.spacer .inner .build2{top:calc(50% - 67px); width:auto; left:calc(50% - 15px);}
	.widget.spacer .inner .build2 img{height:60px;}
	.widget.spacer .inner .build3{bottom:45px; left:10px; width:auto;}
	.widget.spacer .inner .build3 img{height:193px;}
	.widget.spacer .inner .build4{top:42%; right:15px; width:auto;}
	.widget.spacer .inner .build4 img{height:56px;}
	
	
	.widget.integra:after{bottom:0; height:370px;}

	.widget.customers:after{bottom:0; height:370px;}
	.widget.integra .bg{position:relative;left:10%; width:224px;padding-top:15px;}
	.widget.customers .bg{position:relative;left:20%; width:204px; bottom:80px; padding-top:140px; }
	.widget.performer .right-col{padding-top:0;}
	
	.widget.pricelist .table thead th{font-size:14px; font-weight:600; padding:10px 5px; width:33.333%;}
	.widget.pricelist .table tbody th{font-size:18px; font-weight:600; padding:10px 5px;}
	.widget.pricelist .table tbody td{font-size:18px; font-weight:normal;padding:10px 5px;}
	.widget.pricelist .table tbody th .lb,
	.widget.pricelist .table tbody td .lg{font-size:16px;}
	
	.widget.pricelist2{padding-top:0;}
	.widget.pricelist2 .table thead th{font-size:14px;vertical-align:top;padding:10px 5px;}
	.widget.pricelist2 .table tbody td{font-size:13px;padding:10px 5px;}
	.widget.pricelist2 .table tbody td.price{font-size:20px; font-weight:normal;}
	
	.total{font-size:18px;}
	
	.widget.timeline{padding-top:0; padding-bottom:35px;}
	.table.timeline tr.labels td{padding:10px 4px;}
	
	.modal-dialog .modal-content{padding:15px;}
	.modal-footer{justify-content:flex-start;flex-direction:column; padding-top:30px;}
	.modal-dialog .button{padding:0 35px; display:block; width:100%;}
	.modal-footer > :not(:last-child){margin-right:0px; margin-bottom:15px;}
	

	.page-inner main{background-position:right -280px top -80px;}
}