@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1320px !important;}
	section{margin-bottom: 200px;}
	.section-1, .section-14{margin-bottom:0px !important;}
	
}
@media (min-width:980px){
.section-8 .container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
}
.mobile-view,.visible-mobile{display:none !important;}

.title {
    font-size: 50px;
    color: grey;
    font-weight: 100;
}
h3.title{font-weight:400;}
.sub_title {
    /*color: gray;*/
    font-size: 28px;
    font-weight: 100;
}
.text {
    font-size: 20px;
    color: grey;
	font-weight: 100;
}
.list_text li{
    font-size: 25px;
    color: black;
    font-weight: 100;
    line-height: 33px;
	padding-bottom:20px;	
}
.section-1 .title {color:#000;}
.section-1{
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.section-1 p{
	font-size: 50px;
    color: #beb9b9;
    font-weight: 100;
	width:100%;	
}

.centered-block{width:70%; margin: 0 auto;}

.section-3 .title {
    font-size: 33px;
    color: gray;
    font-weight: 600;
}
.section-3 .circles_blocks p {font-size: 18px;}
.section-3 .circles_blocks .title {font-size: 20px;}
.pen_sec {
    display: grid;
    grid-template-columns: auto 170px auto;
}
.pen_sec .blok {
    display: grid;
    grid-template-columns: auto auto;
    height: 430px;
    align-items: center;
}
.pen_sec .blok .text {font-size: 16px; color: grey;}
.left_mar {margin-left: -20px;}
.bloks-rigth .blok_empty {height: 290px;}
.blok_empty {height: 250px;}
.blok_empty1 {height: 230px;}

.section-3 .text_blocks {
    display: grid;
    grid-template-columns: 235px 250px 245px 248px 245px;
}
.section-3 .text_blocks .text-center{margin-top:auto;}
.section-4 .text, .section-5 .grid p,.section-9 h5.sub-title,.grid-section-optional .sub-title{color:#000;}
.section-4 .title{
	color: grey;
    font-weight: 400;
}

.circles_mob {display: none;}
.section-4 .text_blocks {
    display: grid;
    grid-template-columns: 330px 225px 250px 225px 225px;
}
.circles_blocks .title {
    font-weight: 600!important;
    margin-top: 20px!important;
}

.grid-section .blocks {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    grid-row-gap: 20px;
    margin: 0 auto;
	width:90%;
    margin-top: 40px;
}
.grid-section .blocks .block{
    display: grid;
    grid-template-columns: 110px 400px;
}
.grid-section .blocks .block .title {
    font-size: 22px!important;
    color: #3f434d!important;
    font-weight: 600!important;
}
.grid-section .blocks .block .text {
    font-size: 18px;
    color: gray;
    font-weight: 400;
}
.section-7.grid-section .blocks{width:100%}
.section-7.grid-section .blocks .block{grid-template-columns:190px 420px;}
.section-7.grid-section .sub-title {
    color: #25b89a!important;
    font-size: 18px;
    font-weight: 400;
    margin: 15px auto;
}
.section-7.grid-section .blocks .block .text {font-size: 16px;}
/*.section-8{    
	background: url(/proffer/images/phone.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
	height:60vh;
}*/
.section-8 img{width: 300px; display: inline-block;  vertical-align: top;}
.section-8 .text {font-size: 35px; color:#000; font-weight: 400; display:inline-block; line-height:45px; margin: auto 0px;}

.grid-section-4 h3{color:#000; font-weight:100;}
.grid-section-4 h5.sub-title.text-center {
    font-size: 20px;
    font-weight: 100;
    margin: 20px 0;
}
.grid-section-4 .blocks{    
	display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    justify-content: space-between;
}
.grid-section-4 .block {
    background-color: #e9e5e591;
    display: grid;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}
.grid-section-4 .block .sub_title {
	color: #000;
    font-weight: 500;
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 20px;
	min-height: 70px;
    height: 70px;
    margin-bottom: auto;
}
.grid-section-4 .block .text {
    font-size: 15px;
    color: #000;
	font-weight:400;
    margin-top: 20px;
    line-height: 35px;
	min-height: 180px;
    height: 180px;
}
.section-11 {background: #000;}
.section-11 .title {
    color: white!important;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
}
.grid-section-optional .optional-link-container .text {
    height: auto !important;
    min-height: 100% !important;
}
.grid-section-optional .title1 {
    font-weight: 400;
    font-size: 35px;
    margin: 20px auto;
    color: #635b5b;
}
.grid-section-optional .sub-title {
    font-size: 25px;
	font-weight: 100;
    margin-top: 20px;
    margin-bottom: 20px;
}
.grid-section-optional .blocks {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    justify-content: space-between;
}
.grid-section-optional .side-wipe-container .blocks {grid-template-columns: 33% 33% 33% ;}
/*.grid-section-optional .block a.img-links {
    height: 260px;
    min-height: 260px;
}*/
.grid-section-optional .block {
    display: grid;
    justify-content: center;
    margin-bottom: 30px;
}
.grid-section-optional .title {
    font-weight: 400;
    font-size: 25px;
    /*margin: 20px auto;*/
    color: grey;
	height: 40px;
    min-height: 40px;
    margin-top: auto !important;
    margin-bottom: auto;
}
.grid-section-optional .text {
    font-weight: 400;
    font-size: 20px;
	color: #212529;
    height: 120px;
    min-height: 120px;
}
.grid-section-optional .text a{text-decoration:underline;}
.section-13{
    background-color: #e9e5e591;
	padding:50px 0px
}
.section-13 .title {
    font-weight: 400;
    font-size: 40px;
    margin: 20px auto;
    color: #635b5b;
}
.section-13 .sub-title {
    font-size: 25px;
    color: black;
    font-weight: 100;
    margin-top: 20px;
    margin-bottom: 50px;
}
.section-13 .text {
    font-weight: 100;
    font-size: 25px;
    margin: 20px auto;
    color: #000;
}

.section-14 .text {
    font-size: 25px;
    color: black;
    font-weight: 100;
    margin-top: 20px;
    margin-bottom: 50px;
}
.grid-section-optional .block a.img-links {
    height: 280px;
    min-height: 280px;
	display: grid;
}
.grid-section-optional .block a.img-links img{width:100%; margin-top:auto; margin-bottom:auto;}
.section-9 h5.sub-title {
    font-size: 25px;
    font-weight: 100;
    margin-top: 20px;
    margin-bottom: 20px;
}
.visible-mobile.text-center.img-blocks .img-block {display: flex;justify-content: center;vertical-align: middle;}
.visible-mobile.text-center.img-blocks .img-block .details p br {display: none;}
.visible-mobile.text-center.img-blocks .img-block .details{margin:auto;}
.visible-mobile.text-center.img-blocks .img-block img {width:150px}
@media(max-width:767px){
	.centered-block{width:100%;}
	.section-1 p {font-size: 30px;}
	.section-1 img, .section-1 .container {width: 90%;margin: 0 auto;}
	
	.section-2 .centered-block .list_text li{font-size:18px; font-weight: 300 !important;}
	
	.pen_sec{text-align: center; display:flex;}
	/*
	.sub_title{font-weight:400;}
	.section-2 .centered-block .list_text li{ font-weight:400}
	.pen_sec .blok .text, .text, .grid-section-optional .sub-title{font-weight:400;}*/
	.pen_sec .img-pen{order:0; margin:0 auto; width:30%}
	/*.pen_sec .bloks-left{order:1;}
	.pen_sec .blok{display: block;}
	.pen_sec .blok, .blok_empty,.blok_empty1, .bloks-rigth .blok_empty{height:100%;}*/
	.pen_sec .blok .title{font-size:20px !important;}
	.pen_sec .left_mar, .pen_sec .right_mar  {display: none !important;}
	.pen_sec .blok{height: 180px !important;}
	.pen_sec .blok_empty, .pen_sec .blok_empty1 {height: 205px !important;}
	.pen_sec .blok .text br{display:none;}
	.pen_sec .blok .text{margin-top: auto; font-size:12px; margin-bottom: 0px;}
	.pen_sec .blok .title{font-size:18px; display:block;}
	
	.circles_desk,.img-linedot {display: none;}
	.circles_mob {display: block; width:50%; margin:0 auto;}
	.section-4 .circles_blocks{display: flex; justify-content: center;}
	/*.section-4 .text, .text,.sub-title,.sub_title{font-weight:400 !important;}*/
	.section-4 .text_blocks {display: grid; grid-template-columns: auto;margin: 20px 0px;}
	.section-4 .text_blocks .text {font-size: 16px;}
	.section-4 .text_blocks .title {font-weight: 600 !important;}
	.grid-section .blocks .block, .grid-section .blocks {display: block; width:100%; text-align: center;}
	.grid-section .blocks .block img{margin-right: 0px !important; margin-bottom: 1em;}	
	.grid-section .blocks .block .text br {display: none;}
	/*.section-8{background-position: bottom; height: 100vh;}*/
	.section-8 .text {font-size: 25px;}
	.grid-section-4  .blocks {grid-template-columns: 100%; grid-row-gap: 30px;}
	.section-11 a{font-size:12px;}
	.grid-section-optional .blocks {grid-template-columns: 100%!important;}
	section {margin-bottom: 100px;}
	.section-1, .section-14{margin-bottom:50px !important;}
	.visible-desktop{display:none !important;}
	.visible-mobile{display:block !important; }
	.section-4 .img-blocks{padding-top:50px;}
}
@media(min-width:370px) and (max-width:400px){
	.pen_sec .bloks-left .blok {height: 200px !important;}
}
@media(min-width:410px) and (max-width:450px){
	.pen_sec .bloks-left .blok {height: 210px !important;}
	.pen_sec .blok_empty, .pen_sec .blok_empty1 {height: 230px !important;}
}
@media(max-width:330px){
	.section-4 .text_blocks .text {font-size: 18px !important;}
	.section-11 a {font-size: 10px;}
	.pen_sec .blok .title {font-size: 18px !important;}
	.circles_mob {width: 60%;}
	.pen_sec .blok {height: 160px !important;}
	.pen_sec .blok_empty, .pen_sec .blok_empty1 {height: 180px !important;}
}

@media(min-width:768px) and (max-width:980px){
	.section-8{height: 70vh; background-size: auto;}
	.pen_sec .blok{height: 500px;}
	.pen_sec .blok_empty,
	.pen_sec .blok_empty1,
	.pen_sec .bloks-rigth .blok_empty 
	{height: 350px;}
	.circles_blocks .text_blocks .text-center{margin:auto;}
	section {margin-bottom: 100px;}
	.section-1, .section-14{margin-bottom:50px !important;}
	.section-4 .text_blocks{grid-template-columns: 20% 20% 20% 20% 20%; padding-left: 30px;}
}

@media(max-width:1199px){
	.img-responsive{width:100%;}
	.mobile-view{display:flex !important;}
	.desktop-view{display:none;}
}

@media(min-width:981px) and (max-width:1030px){
	section {margin-bottom: 100px;}
	.section-1, .section-14{margin-bottom:50px !important;}
	.section-4 .text_blocks {grid-template-columns: 20% 20% 20% 20% 20%;}
	.grid-section .blocks{grid-template-columns: 50% 50%; grid-column-gap: 20px; width: 100%;}
	.grid-section .blocks .block {grid-template-columns: 20% 80%;}
	.grid-section .blocks .block .text{font-size:16px;}
	.section-7.grid-section .blocks .block .text br {display: none;}
	.section-7.grid-section .blocks .block {grid-template-columns: 20% 80%;}
	.section-7.grid-section .blocks img {width: 100px; margin-right: 0px !important;}
	.section-8{height:auto;}
	.grid-section-4 .block .text br {display: none;}
	.grid-section-4 .blocks{
		grid-template-columns: 50% 50%;
		grid-row-gap: 20px;
		grid-column-gap: 20px;
	}
	.grid-section-4 h5.sub-title.text-center br{display:none;}
	.grid-section-4 h5.sub-title.text-center{line-height:30px;}
	.grid-section-optional .blocks{
		grid-template-columns: 50% 50%;
		grid-row-gap: 20px;
		grid-column-gap: 20px;
	}
}

@media(min-width:768px) and (max-width:1030px){
	.grid-section .blocks {grid-template-columns: 50% 50%;  grid-column-gap: 20px;  width: 100%;}
	.grid-section .blocks .block {grid-template-columns: 20% 80%;}
	.section-6 .block img {width: 70px; margin-right: 0px !important;}
	.section-6 .block .text br {display: none;}
	
}