*{outline:none !important;}
a{color:#000;}      
a:focus,a:hover,a:active{text-decoration:none !important;}

body{font-family: 'Roboto', sans-serif;background-color:#f2f2f2;color:#000;}
main{min-height: 100vh;background-image: url(../img/tlo-home.jpg);background-position: center;background-size:  cover;}

h1,h2,h3,h4,h5,h6{color:#000;}

.cell_flex{	display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex: 0 1 auto;-webkit-box-flex: 0;flex: 0 1 auto;-ms-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}

.table{display:table;margin: 0;}
.table_cell{display:table-cell;vertical-align: middle;}

.alert{border-radius:0;display: block;width: 100%;}
.alert-success{background-color: #fff;border: 3px solid #47a529;color: #000;}
.alert-danger{background-color: #fff;border: 3px solid #ce1818;color: #000;}

.button{padding: 10px 15px 7px 15px;text-transform:uppercase;font-weight:600;display: inline-block;border-radius:0;border: none;}

.form-control{border-radius:0;}
.form-control:focus,
.form-group textarea:focus{border-color: #f15a25;-webkit-box-shadow: none;box-shadow: none;}
.input-group-addon{border-radius:0;}
.form-group textarea{width:100%;min-width:100%;max-width:100%;height:200px;min-height:200px;max-height:200px;border:1px solid #ddd;padding: 10px;}
.btn{border:3px solid #f15a25;border-radius:0;width:100%;font-size:18px;text-transform:uppercase;letter-spacing:.1em;}
.btn:focus,
.btn:hover{border-color:#f15a25;background-color:#f15a25;color:#fff;}

.ckeditor h1,
.ckeditor h2,
.ckeditor h3,
.ckeditor h4,
.ckeditor h5{}
.ckeditor img{}
.ckeditor a:hover{}

.mfp-bg{background-color:transparent;}
.mfp-container{background-color:rgba(1, 27, 64, 0.4);}
.mfp-arrow:before, 
.mfp-arrow:after{border:none;}
.mfp-arrow:before{width: 30px;height: 30px;margin: 0;border: 2px solid #000;border-left: 0;border-bottom:  none;top: 50%;left: 43%;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.mfp-arrow-left:before{left: 54%;-webkit-transform: translate(-50%, -50%) rotate(-135deg);-ms-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
.mfp-arrow:after{}
button.mfp-arrow{/* background-color:#f15a25; */width: 90px;height: 90px;}
.mfp-arrow-left{}
.mfp-arrow-left:before{background-position:-39px -709px;}
td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled]{background:#000;}

.sprite{background-image:url(../img/sprite.svg);display: inline-block;}
.sprite.phone{background-position:-8px -3px;width: 29px;height: 30px;}
.sprite.home{background-position:-9px -53px;width: 29px;height: 32px;}
.sprite.person{background-position:-7px -110px;width: 31px;height: 34px;}
.sprite.search{background-position:-65px -8px;width: 21px;height: 22px;}
.sprite.plus{background-position:-67px -69px;width: 15px;height: 16px;}

.img{background-position:center;background-size:cover;background-repeat:no-repeat;}

.gallery{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-left:-5px;margin-right:-5px;margin-bottom: 40px;}
.gallery a{width: calc(100% / 3);display: block;margin-bottom: 10px;padding:0 5px;}
.gallery a figure{width: 100%;float:left;}
.gallery a figure .img{padding-bottom:50%;background-size:100%;-webkit-transition:all .3s .1s;-o-transition:all .3s .1s;transition:all .3s .1s;}
.gallery a:hover figure .img{background-size:110%;}

.file_list{margin-bottom: 40px;padding:0;}
.file_list li{text-indent:0 !important;border: none;padding: 0;}
.file_list li:before{display:none;}
.file_list li a{display:block;padding: 5px 0;padding-left: 40px;padding-top: 0;padding-bottom: 0;font-weight: 700;}
.file_list li + li{margin-top: 5px;padding-top: 5px;}
.file_list span{width: 30px;text-align: center;display: block;padding: 2px 3px;position: absolute;top: 2px;left: 0;font-size: 8px;text-transform: uppercase;border: 1px solid #f15a25;}
.file_list li + li span{top: 7px;}
.file_list div{padding: 0;}
.file_list li a:hover span{background-color:#f15a25;color:#fff;}

.cookies{display: none;position:fixed;z-index: 1600;bottom: 0;right:0;width: 100%;height:auto;background-color: #f5f5f5;color: #000;border: 3px solid #f15a25;border-right: none;border-left: none;border-bottom: none;padding: 10px 15px;padding-right: 175px;}
.cookies button{border-radius:0;background-color: #fff;border: 3px solid #f15a25;color: #000;text-transform:uppercase;float: right;position: absolute;top: 15px;right: 15px;width: 150px;}
.cookies button:hover{background-color: #f15a25;color:#fff;}

.gradiendt_ltr{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00806f+0,2b3c55+100 */background: rgb(0,128,111); /* Old browsers */ /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(0,128,111,1) 0%,rgba(43,60,85,1) 100%); /* Chrome10-25,Safari5.1-6 */background: -webkit-gradient(linear, left top, right top, from(rgba(0,128,111,1)),to(rgba(43,60,85,1)));background: -o-linear-gradient(left, rgba(0,128,111,1) 0%,rgba(43,60,85,1) 100%);background: linear-gradient(to right, rgba(0,128,111,1) 0%,rgba(43,60,85,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00806f', endColorstr='#2b3c55',GradientType=1 ); /* IE6-9 */}

.buisness_card_wrapper{position:fixed;/* height:100%; *//* width:100%; *//* position: absolute; */-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 2000px;perspective: 2000px;top: 50%;left: 50%;z-index: 100;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: all .7s .2s ease-out;-o-transition: all .7s .2s ease-out;transition: all .7s .2s ease-out;}
.buisness_card_wrapper .buisness_card{width: 330px;max-width: 330px;color:#fff;padding-top: 1px;position:absolute;top:50%;left:50%;/* z-index: 10; */transform:translate(-50%,-50%);transform-origin: top left;}
.buisness_card_wrapper .buisness_card .upper_info{}
.buisness_card_wrapper .buisness_card .upper_info h2{color:#fff;font-weight: 700;font-size: 37px;letter-spacing: 0.5px;margin:0;margin-top: 50px;padding: 0 20px;}
.buisness_card_wrapper .buisness_card .upper_info h1{color:#fff;font-weight: 100;font-size: 16px;letter-spacing: 1px;margin:0;margin-bottom: 40px;padding: 0 20px;}
.buisness_card_wrapper .buisness_card .upper_info .dots{background-image:url(../img/kropki.svg);background-position: top center;background-size: cover;background-repeat:no-repeat;width: 100%;padding-bottom: 65%;}

.buisness_card_wrapper .buisness_card .middle_info{}
.buisness_card_wrapper .buisness_card .middle_info .item{border-bottom: 1px solid #eee;}
.buisness_card_wrapper .buisness_card .middle_info .item .icon{position:relative;width: 80px;}
.buisness_card_wrapper .buisness_card .middle_info .item .icon .sprite{position:  absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.buisness_card_wrapper .buisness_card .middle_info .item .text{width: calc(100% - 80px);border-left: 1px solid #eee;padding-left: 20px;padding-right: 23px;position: relative;}
.buisness_card_wrapper .buisness_card .middle_info .item .text .gradiendt_ltr {display:block;width: 59px;height: 58px;position:  absolute;top: 0;left: 100%;color: #fff;font-size: 24px;-webkit-transform-origin:  left center;-ms-transform-origin:  left center;transform-origin:  left center;z-index: -1;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.buisness_card_wrapper .buisness_card .middle_info .item .text .gradiendt_ltr span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.buisness_card_wrapper .buisness_card .middle_info .item .text:hover .gradiendt_ltr{-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.buisness_card_wrapper .buisness_card .middle_info .item:nth-of-type(1){background-color:#fff;color:#2b3c55;}
.buisness_card_wrapper .buisness_card .middle_info .item:nth-of-type(1) .text{font-size: 32px;letter-spacing: 0.1px;font-weight: 600;line-height: 1em;padding-top: 11px;padding-bottom: 11px;color: #2b3c55;}
.buisness_card_wrapper .buisness_card .middle_info .item:nth-of-type(2){background-color:#fff;color:#2b3c55;}
.buisness_card_wrapper .buisness_card .middle_info .item:nth-of-type(2) .text{font-size: 13px;letter-spacing: 0.4px;font-weight: 600;line-height: 1em;padding-top: 16px;padding-bottom: 15px;color: #2b3c55;}
.buisness_card_wrapper .buisness_card .middle_info .item:nth-of-type(3){border-bottom:  none;}
.buisness_card_wrapper .buisness_card .middle_info .item:nth-of-type(3) .text{font-size: 18px;letter-spacing: 0.8px;font-weight: 400;line-height: 1em;padding-top: 20px;padding-bottom: 20px;color: #fff;}

.buisness_card_wrapper .buisness_card_shadow{position:absolute;top: 50%;left: 50%;width: 100%;height: 100%;-webkit-transform: translate(-50%,-50%) translateZ(-20px);transform: translate(-50%,-50%) translateZ(-20px);background-color: #000000;z-index: -20;-webkit-filter: blur(10px);filter: blur(10px);opacity: 0.5;}

.map{height: calc(100vh - 0px);}

.side_modal{position:fixed;top:0;right:0;width: 100vw;height:100vh;z-index:50;opacity: 0;transition: opacity .5s ease-out, transform .1s .7s;transform: translateX(-100%);}
.side_modal .close_btn{position:absolute;top:0;right:0;z-index: 150;height:50px;width:50px;background-color: #fff;border:none;}
.side_modal .close_btn:before,
.side_modal .close_btn:after{content:" ";display:block;width:90%;height:1px;background-color: #2b3c55;position:absolute;top:50%;left:50%;}
.side_modal .close_btn:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);}
.side_modal .close_btn:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);}
.side_modal .side_modal_body{/* padding:60px; */height: 100%;/* background-color: #f2f2f2; */}
.side_modal .side_modal_body .item{/* display:none; */height: 100%;}
.side_modal .side_modal_body .item.active{/* display:block; */}
.side_modal .side_modal_body .item figure{margin-bottom: 40px;}
.side_modal .side_modal_body .item figure .img{padding-bottom: 30%;-webkit-filter: hue-rotate(42deg) grayscale(0.6);filter: hue-rotate(42deg) grayscale(0.6);/* width: calc(50% + 350px); */width: 100%;float: right;}
.side_modal .side_modal_body .item .ckeditor{width:100%;max-width:700px;margin: 0 auto;}
.side_modal .side_modal_body .item .ckeditor .my_lead{font-size:18px;font-weight:600;line-height:1.6em;margin-bottom:30px;color:#2b3c55;}
.side_modal .side_modal_body .item .ckeditor p{line-height:1.6em;font-size:16px;font-weight:200;}
.side_modal .side_modal_body .item .cell_flex{height: 50vh;min-height: 500px;width: calc(100% - 330px - 15%);float: right;position: absolute;top: 50%;right: 5vw;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.side_modal .side_modal_body .item .cell_flex .offer_item{height: 50%;width: calc(100% / 4);background-color:transparent;border: 1px solid rgba(255, 255, 255, 0.4);margin-left: -1px;transition: all .3s;}
.side_modal .side_modal_body .item .cell_flex .offer_item:hover{background-color:rgba(43, 60, 85, 0.2);}
.side_modal .side_modal_body .item .cell_flex .offer_item:nth-of-type(n + 5){border-top: none;}
.side_modal .side_modal_body .item .cell_flex .offer_item .table{height:100%;}
.side_modal .side_modal_body .item .cell_flex .offer_item .table .table_cell{width: calc(100% / 3);font-size: 1.6vw;line-height: 1.1em;font-weight: 100;color: #fff;vertical-align: bottom;}
.side_modal .side_modal_body .item .cell_flex .offer_item .table .table_cell > div{padding:10%}

.side_modal .side_modal_body .item.offer{background-image:url(../img/tlo-oferta.jpg);background-position: center;background-size: cover;}


main.active .side_modal{transition: transform .1s, opacity .7s .2s ease-out;opacity: 1;transform: translateX(0%);}
main.active .buisness_card_wrapper{left: 15%;-webkit-transition: all .7s ease-out;-o-transition: all .7s ease-out;transition: all .7s ease-out;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}

@media(max-width:991px){
	
	.side_modal{z-index:200;}
	.side_modal .side_modal_body .item .cell_flex{width:calc(100% - 100px);height: calc(100vh - 100px);right: 50px;}
	.side_modal .side_modal_body .item .cell_flex .offer_item .table .table_cell{font-size:24px;font-weight:400;vertical-align:middle;text-align:center;}
	
	.gallery a{width:50%;}
	
}

@media(max-width:768px){

	.cookies{padding:15px;font-size:12px;}
	.cookies button{width:100%;position: static;}

	main{background-image:none;background-color:#f5f5f5;}

	.buisness_card_wrapper .buisness_card .upper_info .dots{height: 30vh;padding-bottom: 0;background-size: cover;}
	.buisness_card_wrapper .buisness_card .middle_info .item:nth-of-type(1) .text{font-size: 35px;}

	.side_modal .side_modal_body .item.offer{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00806f+0,2b3c55+100 */background: rgb(0,128,111); /* Old browsers */ /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(0,128,111,1) 0%,rgba(43,60,85,1) 100%); /* Chrome10-25,Safari5.1-6 */background: -webkit-gradient(linear, left top, right top, from(rgba(0,128,111,1)),to(rgba(43,60,85,1)));background: -o-linear-gradient(left, rgba(0,128,111,1) 0%,rgba(43,60,85,1) 100%);background: linear-gradient(to right, rgba(0,128,111,1) 0%,rgba(43,60,85,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00806f', endColorstr='#2b3c55',GradientType=1 ); /* IE6-9 */overflow: auto;}
	.side_modal .side_modal_body .item .cell_flex{width: 100%;padding: 0 15px;min-height: 1px;position: static;transform: none;margin-top: 65px;}
	.side_modal .side_modal_body .item .cell_flex .offer_item{width:100%;height: auto;}
	.side_modal .side_modal_body .item .cell_flex .offer_item:nth-of-type(n + 2){border-top:none;}
	.side_modal .side_modal_body .item .cell_flex .offer_item .table .table_cell{font-size:18px;}
	.side_modal .side_modal_body .item .cell_flex .offer_item .table .table_cell > div{padding:15px;}

	
}