/* Index Page Desktop Settings */

@media(min-width: 1200px){

	.calendar-container{
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

    .calendar {
        /*border: 1px solid black;*/
        width: 427px;
        /*height: 360px;*/
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .calendar-month{
    	font-size: 36px;
    	color: #1b75bc;
    	display: inline-block;
    	width: 50%;
    }

    .calendar-month p,
    .calendar-wholeyear p{
    	padding: 0;
    	margin: 0;
    }

    .calendar-wholeyear{
    	display: inline-block;
    	color: #1b75bc;
    	opacity: .3;
    	width: 45%;
    	font-size: 20px;
    	text-align: right;
    }

    .calendar-wrapper{
        width: 65%;
    	display: inline-block;
    }
    .day {
        width: 60px;
        text-align: center;
        vertical-align: baseline;
        height: 66px;
        padding: 15px 0;
        margin: .5px;
        border-radius: 10px;
        font-size: 32px;
        box-sizing: border-box;
    }

    .calendar div:nth-child(1){
        border-radius: 10px 0 0 0;
    }
    .calendar div:nth-child(36){
        border-radius: 0 0 0 10px;
    }
    .calendar div:nth-child(2),
    .calendar div:nth-child(3),
    .calendar div:nth-child(4),
    .calendar div:nth-child(8),
    .calendar div:nth-child(9),
    .calendar div:nth-child(10),
    .calendar div:nth-child(11),
    .calendar div:nth-child(15),
    .calendar div:nth-child(16),
    .calendar div:nth-child(17),
    .calendar div:nth-child(18),
    .calendar div:nth-child(22),
    .calendar div:nth-child(23),
    .calendar div:nth-child(24),
    .calendar div:nth-child(25),
    .calendar div:nth-child(29),
    .calendar div:nth-child(30),
    .calendar div:nth-child(31),
    .calendar div:nth-child(32),
    .calendar div:nth-child(33),
    .calendar div:nth-child(34),
    .calendar div:nth-child(35),
    .calendar div:nth-child(37),
    .calendar div:nth-child(38),
    .calendar div:nth-child(39)
    {
        border-radius: 0 0 0 0;
    }
    .calendar div:nth-child(5),
    .calendar div:nth-child(12),
    .calendar div:nth-child(19),
    .calendar div:nth-child(26),
    .calendar div:nth-child(33),
    .calendar div:nth-child(40){
        border-radius: 0 10px 10px 0;
    }

    .calendar div:nth-child(6),
    .calendar div:nth-child(13),
    .calendar div:nth-child(20),
    .calendar div:nth-child(27),
    .calendar div:nth-child(34),
    .calendar div:nth-child(41)
    {
        border-radius: 10px 0 0 10px;
    }

    .calendar div:nth-child(7),
    .calendar div:nth-child(14),
    .calendar div:nth-child(21),
    .calendar div:nth-child(28),
    .calendar div:nth-child(35),
    .calendar div:nth-child(42){
        border-radius: 0 10px 10px 0;
    }

    .faded {
        /*opacity: .9;*/
        color: #c2c9d6 !important;
    }
    .first {
        background: #cdd7ee;
        color: #1b75bc;
    }
    .second {
        background: #e8cee3;
        color: #bb4a9b;
    }
    .nonwork {
        background-color: #e8e6e6 ;
        color: #d49582;
    }
    .rest {
        background: #a8e0b3;
        color: #5a7d61;
    }
    .shifts-wrap{
        box-sizing: border-box;
    }

    .shifts-wrap,
    .cal-wrap{
      vertical-align: top;
      display: inline-block;
    }

    .shifts-wrap div{
        width: 90px;
        height: 65.9px;
        display: flex;
    	flex-direction: column;
        padding: 5.7px 0;
        margin-bottom: 1px;
        padding-right: 30px;
        box-sizing: border-box;
        border-radius: 10px;
        margin-top: 0.8px;
    }

    .cal-wrap{
        margin-left: -35px;
        z-index: -1;
    }

   .first_shift{
      width: 50px;
      color: white;
      background: #7e9fd3;
   }
   .second_shift{
      width: 50px;
      color: white;
      background: #cb7fb5;
   }
    .rest_shift{
      width: 50px;
      color: white;
      background: #7cc78b;
   }
   .shifts-wrap span{
        display: block;
        text-align: center;
   }

   .cal-shifts{
        font-size: 34px;;
   }

   .cal-text{
        font-size: 14px;
   }

	.calendar-sidebar{
		width: 30%;
		display: inline-block;
		white-space: normal;
		overflow: auto;
		margin: auto;
		padding-top: 10px;
		margin-top: 12px;
		vertical-align: top;
		text-align: center;
		background: #1b75bc;
		height: 492px;
		border-radius: 15px;
	}

	.sidebar-content{
		width: 100%;
		margin: auto;
		font-size: 22px;
		color: white;
	}

	.date-bold{
		font-size: 108px;
		color: white;
		padding: 0 15px;
		line-height: 75px;
		display: block;
		vertical-align: middle;
		padding-bottom: 10px;
	}

	.alternate-text{
		display: block;
		padding-top: 15px;
		font-size: 30px;
	}

	.shift{
		display: inline-block;
		color: white;
		vertical-align: middle;
		width: 46%;
    	font-size: 33px;
		text-align: left;
		/*padding: 10px;*/
	}

	.rimshift{
		color: white;
    	font-size: 120px;
		display: inline-block;
		vertical-align: middle;
		/*width: 40%;*/
		margin-top: -10px;
		text-align: right;
	}

	.shifts-holder{
		width: 80%;
		margin: auto;
		text-align: center;
	}


	
	/*!! In case of color change in sidebar !!*/

	.second-sidebar{
		background: #cb7fb5;
	}
   .rest-sidebar{
        background: #7cc78b;
    }
    .rest-sidebar .sidebar-content{
        color: #5a7d61;
    }
	.shift-time{
		color: white;
		font-size: 30px;
		display: block;    
		margin-top: -10px;
	}

	.shift-time-dex{
		line-height: 15px;
		display: block;
		margin-bottom: 25px;
		font-size: 20px;
	}

	.info-container{
		overflow: hidden;
		padding: 0 50px;
	}

	.info-heading{
		margin-top: 10px;
		font-size: 24px;
		color: #1b75bc;
	}

	.info-heading p{
		margin: 0 0 0 0;
	}

	.info-content{
		background: #d4eaf9;
		padding: 20px;
		border-radius: 15px;
		margin-top: 15px;
		width: 100%;
		font-size: 15px;
		font-weight: bold;
    	height: 464px;
		color: #1b75bc;
		/*line-height: 10px;*/
		font-family: 'Montserrat', sans-serif;
	}

	.info-content p{
		padding: 5px 15px;
	}

	.left{
		float: right;
	}

	.point{
		width: 7px;
		height: 7px;
		border-radius: 50% 50%;
		background: #1b75bc;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		padding: 0;
	}

	.line-left{
		height: 1px;
		margin-right: -9px;
		padding: 0;
		width: 300px;
		background: #1b75bc;
		display: inline-block;
		vertical-align: middle;
		background: -webkit-linear-gradient(left, rgba(27,117,188,0), rgba(27,117,188,1));
	}

	.line-right{
		height: 1px;
		margin-left: -9px;
		padding: 0;
		width: 300px;
		background: #1b75bc;
		display: inline-block;
		vertical-align: middle;
		background: -webkit-linear-gradient(right, rgba(27,117,188,0), rgba(27,117,188,1));
	}

	#index-title{
		text-align: center;
		font-size: 28px;
		color: #1b75bc;
	}


	.advice-block{
		position: relative;
	}

	.advice-container{
		width: 95%;
		margin: auto;
		background: green;
		border-radius: 15px;
		height: 330px;
		/*padding: 10px;*/
		overflow: hidden;
		position: relative;
	}

	a > .advice-container:hover .advice-overlay{
		width: 95%;
		height: 330px;
		position: absolute;
		background: red;
		top: 0%;
		border-radius: 15px;
    	left: 2.5%;
		z-index: 3;
		transition: .3s;
		background: -webkit-linear-gradient(top, rgba(27,117,188,0), #1b75bc 350px);
	}

	.advice{
		margin: 45px 0;
    	margin-top: -5px;
		padding: 0;
	}

	a > .advice-container:hover.advice-text{
		position: absolute;
		top: 66%;
		left: 2.5%;
		text-align: center;
		padding: 5px 5px;
		z-index: 9;
		color: white;
    	font-size: 23px;
    	transition: .3s;
	}


	.advice-container img{
		background-size: contain;
		background-position: center;
		transform:scale(1.2);
	}

	.more{
		display: block;
		text-align: center;
		padding-top: 25px;
		font-size: 18px;
		font-family: 'Montserrat', 'sans-serif';
	}

	.more a{
		text-decoration: none;
		color: #1b75bc;
		font-weight: bold;
	}

	.line-long{
		display: inline-block;
		height: 1px;
		width: 500px;
		background: #1b75bc;
		vertical-align: middle;
		margin-left: -5px;
		background: -webkit-linear-gradient(right, rgba(27,117,188,0), #1b75bc 350px);
	}

	.about-title{
		margin-bottom: -35px;
		font-size: 36px;
		color: #1b75bc;
	}

	.medium{
		width: 13px;
		height: 13px;

	}

	.about-photo-container{
		width: 100%;
		height: 300px;
		margin-top: 15px;
	}

	.about-photo-holder{
		border-radius: 15px;
		width: 100%;
		background: #1b75bc;
		height: 300px;
	}

	.about{
		margin-top: -75px;
	}

	.about-para-container{
		margin-top: 85px;
		padding: 25px;
		font-family: 'Montserrat', sans-serif;
	}

	.about-para-container p{
		line-height: 25px;
		font-size: 16px;
		color: #1b75bc;
	}

	.about-para-container p a {
		color: #1b75bc;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 1px transparent;
		transition: .3s;
	}

	.about-para-container p a:hover{
		border-bottom: 2px solid #cb7fb5;
		transition: .2s;
	}

	.services-title{
	    margin-top: -80px;
	    margin-bottom: -65px;
	}

	.services{
		margin-top: -90px;
	}

	.main-line{
		width: 700px;
	}

	.sidebar-line{
		width: 300px;
	}

	.calendar-shifts-container{
		width:  61px;
		height: 100%;
		display:inline-block;
	}

	.shifts{
		width: 100%;
		list-style: none;
		padding: 0;
		margin-top: 15px;
		/*border-spacing: 0;*/
	}

	.shifts td{
		text-align: center;
	    padding-bottom: 6px;
	    width: 40px;
	    height: 20px;
	    vertical-align: middle;
	    margin: 1px;
	    border-radius: 10px 0 0 10px;
	    color: white;
		font-size: 14px;
	}

	.shifts tr{
		height: 67.4999961853111px;
	}

	.first-shift{
		background: #7e9fd3;
	}

	.second-shift{
		background: #cb7fb5;
	}
    
    .rest_shift{
        background: #7cc78b;
    }
    
	.cal-shifts{
		font-size: 34px;
		display: block;
	}

	.label-days-container{
		vertical-align: top;
		margin-left: 53px; 
	}

	.label-days th{
		padding-left: 18px;
		padding-right: 18px;
		font-size: 15px;
	}

	.workday{	
		color: #1b75bc;
	}

	.weekday{
		color: #bb2026;
	}

	.calendar-days-container{
		width: 477px;
		height: 419px;
		position: absolute;
	    left: 10%;
	    top: 40px;
	}

	#calendar-days-body{
		width: 100%;
		height: 100%;
		border-spacing: 0;
		z-index: 2;
	}

	#calendar-days-body tr{
		margin-bottom: 5px;
	}

	#calendar-days-body tr:first-child td:first-child{
		border-radius: 10px 0 0 0;
	}	
	
	#calendar-days-body tr:first-child td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(2n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(3n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(4n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(5n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(6n) td{
		border-bottom: 1px solid transparent;
	}
	.first-shift-row td{
		background: #cdd7ee;
		color: #1b75bc;
	}

	.second-shift-row td{
		background: #e8cee3;
		color: #bb4a9b;
	}

	#calendar-days-body tr td{
		height: 60px;
		width: 80px;
		text-align: center;
		/*background: silver;*/
		font-size: 34px;
		border: 1px solid white;
	}

	.bg-info{
		color: #1b75bc;
	}

	.prevous-days{
		color: #bbcae8 !important;
	}

	.next-month{
		background: #e8cee3 !important;
		color: #d8c4df !important;
	}

	#calendar-days-body tr td:nth-child(5n+6){
		border-radius: 10px 0 0 10px;
		background: #e8e6e6 !important;
		color: #d49582 !important;
	}
	
	#calendar-days-body tr td:nth-child(5n+7){
		border-radius: 0 10px 10px 0;
		background: #e8e6e6 !important;
		color: #d49582 !important;
	}

	#calendar-days-body tr:nth-child(5n) td:nth-child(6n),
	#calendar-days-body tr:nth-child(5n) td:nth-child(7n),
	#calendar-days-body tr:nth-child(6n) td:nth-child(6n),
	#calendar-days-body tr:nth-child(6n) td:nth-child(7n)
	{
		color: #e2d0c9 !important;
	}

	.calendar-holidays-container{
	    width: 96.7%;
    	height: 55px;
	    margin-top: 5px;
		vertical-align: top;
	}

	#icons{
		padding-top: 20px;
		padding-bottom: 0;
	}

	.holiday{
    	width: 74.2%;
		height: 100%;
		display: inline-block;
		vertical-align: top;
		border-radius: 10px;
		background: #e2e0e0;
	}

	.holiday-text p{
		white-space: normal;
		font-size: 14px;
	}

	.days-list{
		list-style: none;
		padding: 0;
		margin-left: 50px;
	}


	.days-list li{
		display: inline-block;
		margin: 0px 0px 0 25px;
		color: #1b75bc;
		font-weight: bold;
	}

	.days-list span{
		color: #d49582;
	}

	#todays-day{
		display: block;
	}

	.holiday-text{
		display: inline-block;
		background: #c5523e;
		color: white;
		width: 24.3%;
		height: 100%;
		border-radius: 10px;
		text-align: center;
		vertical-align: top;
	}

	.holiday-day{
		width: 10%;
		height: 50px;
		margin: -13px 0 0 -15px;
    	margin-left: 7px;
    	display: inline-block;
	}

	.holiday-day p{
		background: #bb2026;
		text-align: center;
		font-size: 22px;
		color: white;
		vertical-align: top;
		border-radius: 10px;
		padding: 7px;
	}

	.holiday-desc{
		display: inline-block;
		width: 85%;
		vertical-align: top;
		padding-top: 7px;
		padding-left: 4px;
	}

	.holiday-desc p{
		margin: 0;
		color: #c5523e;
	}

	#first-column{
		margin-left: 190px;
	}

	#second-column{
		float: right;
		margin-right: 50px;
	}

	.service-para-holder{
		width: 75%;
		margin: auto;
	}

	#icon:nth-of-type(1){
		padding-top: 30px;
	}

	.icon-holder{
		width: 25%;
		display: inline-block;
		vertical-align: middle;
		margin-top: 15px;
	}

	.icon-holder img{
		width: 100%;
	}
	.mobile{
		display: none;
	}
	.service-icon-para{
		display: inline-block;
		width: 60%;
		margin-left: 20px;
		vertical-align: middle;
	}

	.service-index-title{
		font-size: 24px;
		color: #1b75bc;
	}

	.index-video-container{
		width: 95%;
		height: 300px;
		border-radius: 15px;
	}

	#video-two{
		float: right;
		margin-right: 5px;
	}

   	#todays-month{
    	text-transform: uppercase;
    }

    .video-title{
    	padding-bottom: 0px;
	    padding-top: 50px;
	    margin-bottom: -10px;
    }

}

@media (min-width: 1024px) and (max-width: 1199px){
    
    .row-desktop{
        display: flex;
    }
    .important-info{
        border: 1px solid #1b75bc;
        border-radius: 15px;
        padding: 30px !important;
        font-size: 1.3em;
        color: white;
        font-weight: bold;
    }
    
	.container{
		width: 95%;
		margin: auto;
		padding-top:50px;
		padding-bottom:50px;
	}
	.calendar-container{
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
    .calendar {
        /*border: 1px solid black;*/
        width: 400px;
        /*height: 360px;*/
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .calendar-month{
    	font-size: 36px;
    	color: #1b75bc;
    	display: inline-block;
    	width: 50%;
    }

    .calendar-month p,
    .calendar-wholeyear p{
    	padding: 0;
    	margin: 0;
    }

    .calendar-wholeyear{
    	display: inline-block;
    	color: #1b75bc;
    	opacity: .3;
    	width: 45%;
    	font-size: 20px;
    	text-align: right;
    }

    .calendar-wrapper{
        width: 69%;
    	display: inline-block;
    }
    .day {
        width: 13%;
        text-align: center;
        vertical-align: baseline;
        height: 66px;
        padding: 15px 0;
        margin-bottom: 1px;
        margin-right: 1px;
        border-radius: 10px;
        font-size: 32px;
        box-sizing: border-box;
    }



    .calendar div:nth-child(1){
        border-radius: 10px 0 0 0;
    }
    .calendar div:nth-child(36){
        border-radius: 0 0 0 10px;
    }
    .calendar div:nth-child(2),
    .calendar div:nth-child(3),
    .calendar div:nth-child(4),
    .calendar div:nth-child(8),
    .calendar div:nth-child(9),
    .calendar div:nth-child(10),
    .calendar div:nth-child(11),
    .calendar div:nth-child(15),
    .calendar div:nth-child(16),
    .calendar div:nth-child(17),
    .calendar div:nth-child(18),
    .calendar div:nth-child(22),
    .calendar div:nth-child(23),
    .calendar div:nth-child(24),
    .calendar div:nth-child(25),
    .calendar div:nth-child(29),
    .calendar div:nth-child(30),
    .calendar div:nth-child(31),
    .calendar div:nth-child(32),
    .calendar div:nth-child(33),
    .calendar div:nth-child(34),
    .calendar div:nth-child(35),
    .calendar div:nth-child(37),
    .calendar div:nth-child(38),
    .calendar div:nth-child(39)
    {
        border-radius: 0 0 0 0;
    }
    .calendar div:nth-child(5),
    .calendar div:nth-child(12),
    .calendar div:nth-child(19),
    .calendar div:nth-child(26),
    .calendar div:nth-child(33),
    .calendar div:nth-child(40){
        border-radius: 0 10px 10px 0;
    }

    .calendar div:nth-child(6),
    .calendar div:nth-child(13),
    .calendar div:nth-child(20),
    .calendar div:nth-child(27),
    .calendar div:nth-child(34),
    .calendar div:nth-child(41)
    {
        border-radius: 10px 0 0 10px;
    }

    .calendar div:nth-child(7),
    .calendar div:nth-child(14),
    .calendar div:nth-child(21),
    .calendar div:nth-child(28),
    .calendar div:nth-child(35),
    .calendar div:nth-child(42){
        border-radius: 0 10px 10px 0;
    }

    .faded {
        /*opacity: .9;*/
        color: #c2c9d6 !important;
    }
    .first {
        background: #cdd7ee;
        color: #1b75bc;
    }
    .second {
        background: #e8cee3;
        color: #bb4a9b;
    }
    .nonwork {
        background-color: #e8e6e6 ;
        color: #d49582;
    }
    .rest {
        background: #a8e0b3;
        color: #5a7d61;
    }
    .shifts-wrap{
        box-sizing: border-box;
    }

    .shifts-wrap,
    .cal-wrap{
      vertical-align: top;
      display: inline-block;
    }

    .shifts-wrap div{
        width: 90px;
        height: 66px;
        display: flex;
    	flex-direction: column;
        padding: 5.7px 0;
        margin: 0;
        margin-bottom: 1px !important;
        padding-right: 30px;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .cal-wrap{
        margin-left: -43px;
        z-index: -1;
    }

   .first_shift{
      width: 50px;
      color: white;
      background: #7e9fd3;
   }
   .second_shift{
      width: 50px;
      color: white;
      background: #cb7fb5;
   }
   .rest_shift{
      width: 50px;
      color: white;
      background: #7cc78b;
   }

   .shifts-wrap span{
        display: block;
        text-align: center;
        margin-left: -5px;
   }

   .cal-shifts{
        font-size: 34px;;
   }

   .cal-text{
        font-size: 14px;
   }

	.calendar-sidebar{
		width: 30%;
		display: inline-block;
		white-space: normal;	
		overflow: auto;
		margin: auto;
		padding-top: 10px;
		margin-top: 12px;
		vertical-align: top;
		text-align: center;
		background: #1b75bc;
	    max-height: 492px;
	    min-height: 472px;
		border-radius: 15px;
	}

	.sidebar-content{
		width: 100%;
		margin: auto;
		font-size: 22px;
	/*	color: #eee;*/
	color: white;
	}

	.date-bold{
		font-size: 90px;
		color: white;
		padding: 0 15px;
		line-height: 75px;
		display: block;
		vertical-align: middle;
		padding-bottom: 10px;
	}

	.alternate-text{
		display: block;
		padding-top: 15px;
		font-size: 30px;
	}

	.shift{
		display: inline-block;
		color: white;
		vertical-align: middle;
		width: 46%;
    	font-size: 24px;
		text-align: left;
		/*padding: 10px;*/
	}

	.rimshift{
		color: white;
    	font-size: 100px;
		display: inline-block;
		vertical-align: middle;
		/*width: 40%;*/
		margin-top: -10px;
		text-align: right;
	}

	.shifts-holder{
		width: 80%;
		margin: auto;
		text-align: center;
	}

	.second-sidebar{
		background: #cb7fb5;
	}
   .rest-sidebar{
        background: #7cc78b;
    }
    .rest-sidebar .sidebar-content{
        color: #5a7d61;
    }
	.shift-time{
		color: white;
		font-size: 24px;
		display: block;    
		margin-top: -10px;
	}

	.shift-time-dex{
		line-height: 15px;
		display: block;
		margin-bottom: 25px;
		font-size: 20px;
	}

	.info-container{
		overflow: hidden;
		padding: 0px 25px;
	}

	.info-heading{
		margin-top: 10px;
		font-size: 24px;
		color: #1b75bc;
	}

	.info-heading p{
		margin: 0 0 0 0;
	}

	.info-content{
		background: #d4eaf9;
		padding: 10px;
		border-radius: 15px;
		margin-top: 15px;
		width: 100%;
		font-size: 15px;
		font-weight: bold;
    	min-height: 464px;
		color: #1b75bc;
		/*line-height: 10px;*/
		font-family: 'Montserrat', sans-serif;
	}

	.info-content p{
		padding: 5px 0;
	}

	.left{
		float: right;
	}

	.point{
		width: 7px;
		height: 7px;
		border-radius: 50% 50%;
		background: #1b75bc;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		padding: 0;
	}

	.line-left{
		height: 1px;
		margin-right: -9px;
		padding: 0;
		width: 300px;
		background: #1b75bc;
		display: inline-block;
		vertical-align: middle;
		background: -webkit-linear-gradient(left, rgba(27,117,188,0), rgba(27,117,188,1));
	}

	.line-right{
		height: 1px;
		margin-left: -9px;
		padding: 0;
		width: 300px;
		background: #1b75bc;
		display: inline-block;
		vertical-align: middle;
		background: -webkit-linear-gradient(right, rgba(27,117,188,0), rgba(27,117,188,1));
	}

	#index-title{
		text-align: center;
		font-size: 28px;
		color: #1b75bc;
	}

	.advice-block{
		position: relative;
	}

	.advice-container{
		width: 95%;
		margin: auto;
		background: green;
		border-radius: 15px;
		height: 330px;
		/*padding: 10px;*/
		overflow: hidden;
	}

	.advice-overlay{
		width: 95%;
		height: 330px;
		position: absolute;
		background: red;
		top: 0%;
		border-radius: 15px;
    	left: 2.5%;
		z-index: 3;
		opacity: ;
		background: -webkit-linear-gradient(top, rgba(27,117,188,0), #1b75bc 350px);

	}

	.advice{
		margin: 30px 0;
    	margin-top: -5px;
		padding: 0;
	}

	.advice-text{
		width: 90%;
		position: absolute;
		top: 66%;
		left: 2.5%;
		text-align: center;
		padding: 5px 5px;
		z-index: 9;
		color: white;
    	font-size: 22px;
	}

	.advice-container img{
		background-size: contain;
		background-position: center;
		transform:scale(1.2);
	}

	.more{
		display: block;
		text-align: center;
		padding-top: 25px;
		font-size: 18px;
		font-family: 'Montserrat', 'sans-serif';
	}

	.more a{
		text-decoration: none;
		color: #1b75bc;
		font-weight: bold;
	}

	.line-long{
		display: inline-block;
		height: 1px;
		width: 468px;
		background: #1b75bc;
		vertical-align: middle;
		margin-left: -5px;
		background: -webkit-linear-gradient(right, rgba(27,117,188,0), #1b75bc 350px);
	}

	.about-title{
		margin-bottom: -35px;
		font-size: 36px;
		color: #1b75bc;
	}

	.medium{
		width: 13px;
		height: 13px;

	}

	.about-photo-container{
		width: 100%;
		height: 300px;
		margin-top: 15px;
	}

	.about-photo-holder{
		border-radius: 15px;
		width: 100%;
		background: #1b75bc;
		height: 300px;
	}

	.about{
		margin-top: -65px;
	}

	.about-para-container{
		margin-top: 85px;
		padding: 25px 8px;
		font-family: 'Montserrat', sans-serif;
	}

	.about-para-container p{
		line-height: 25px;
		font-size: 15px;
		color: #1b75bc;
	}

	.about-para-container p a {
		color: #1b75bc;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 1px transparent;
		transition: .3s;
	}

	.about-para-container p a:hover{
		border-bottom: 2px solid #cb7fb5;
		transition: .2s;
	}

	.services-title{
		margin-top: -65px;
		margin-bottom: -45px;
	}

	.services{
		margin-top: -90px;
	}

	.main-line{
		width: 700px;
	}

	.sidebar-line{
		width: 200px;
	}
	.mobile{
		display: none;
	}
	.calendar-shifts-container{
		width:  61px;
		height: 100%;
		display:inline-block;
	}

	.shifts{
		width: 100%;
		list-style: none;
		padding: 0;
		margin-top: 15px;
		/*border-spacing: 0;*/
	}

	.shifts td{
		text-align: center;
	    padding-bottom: 6px;
	    width: 40px;
	    height: 20px;
	    vertical-align: middle;
	    margin: 1px;
	    border-radius: 10px 0 0 10px;
	    color: white;
		font-size: 14px;
	}

	.shifts tr{
		height: 67.4999961853111px;
	}

	.first-shift{
		background: #7e9fd3;
	}

	.second-shift{
		background: #cb7fb5;
	}

	.cal-shifts{
		font-size: 34px;
		display: block;
	}

	.label-days-container{
		vertical-align: top;
		margin-left: 53px; 
	}

	.label-days th{
		padding-left: 18px;
		padding-right: 18px;
		font-size: 15px;
	}

	.workday{	
		color: #1b75bc;
	}

	.weekday{
		color: #bb2026;
	}

	.calendar-days-container{
		width: 477px;
		height: 419px;
		position: absolute;
	    left: 10%;
	    top: 40px;
	}

	#calendar-days-body{
		width: 100%;
		height: 100%;
		border-spacing: 0;
		z-index: 2;
	}

	#calendar-days-body tr{
		margin-bottom: 5px;
	}

	#calendar-days-body tr:first-child td:first-child{
		border-radius: 10px 0 0 0;
	}	
	
	#calendar-days-body tr:first-child td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(2n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(3n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(4n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(5n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(6n) td{
		border-bottom: 1px solid transparent;
	}
	.first-shift-row td{
		background: #cdd7ee;
		color: #1b75bc;
	}

	.second-shift-row td{
		background: #e8cee3;
		color: #bb4a9b;
	}

	#calendar-days-body tr td{
		height: 60px;
		width: 80px;
		text-align: center;
		/*background: silver;*/
		font-size: 34px;
		border: 1px solid white;
	}

	.bg-info{
		color: #1b75bc;
	}

	.prevous-days{
		color: #bbcae8 !important;
	}

	.next-month{
		background: #e8cee3 !important;
		color: #d8c4df !important;
	}

	#calendar-days-body tr td:nth-child(5n+6){
		border-radius: 10px 0 0 10px;
		background: #e8e6e6 !important;
		color: #d49582 !important;
	}
	
	#calendar-days-body tr td:nth-child(5n+7){
		border-radius: 0 10px 10px 0;
		background: #e8e6e6 !important;
		color: #d49582 !important;
	}

	#calendar-days-body tr:nth-child(5n) td:nth-child(6n),
	#calendar-days-body tr:nth-child(5n) td:nth-child(7n),
	#calendar-days-body tr:nth-child(6n) td:nth-child(6n),
	#calendar-days-body tr:nth-child(6n) td:nth-child(7n)
	{
		color: #e2d0c9 !important;
	}

	.calendar-holidays-container{
		width: 400px;
    	height: 55px;
	    margin-top: 5px;
		vertical-align: top;
		font-size: 15px;
	}

	.holiday{
    	width: 79%;
		height: 95%;
		display: inline-block;
		vertical-align: top;
		border-radius: 10px;
		background: #e2e0e0;
	}

	.holiday-text p{
		white-space: normal;
		font-size: 12px;
	}

	.days-list{
		list-style: none;
		padding: 0;
		margin-left: 50px;
		font-size: 16px;
	}


	.days-list li{
		display: inline-block;
		margin: 0px 0px 0 16px;
		color: #1b75bc;
		font-weight: bold;
	}

	.days-list span{
		color: #d49582;
	}

	#todays-day{
		display: block;
	}

	.holiday-text{
		display: inline-block;
		background: #c5523e;
		color: white;
		width: 25.8%;
		height: 95%;
		border-radius: 10px;
		text-align: center;
		vertical-align: top;
	}

	.holiday-day{
		width: 10%;
		height: 50px;
		margin: -15px 0 0 -15px;
    	margin-left: 7px;
    	display: inline-block;
	}

	.holiday-day p{
		background: #bb2026;
		text-align: center;
		font-size: 22px;
		color: white;
		vertical-align: top;
		border-radius: 10px;
		padding: 7px;
	}

	.holiday-desc{
		display: inline-block;
		width: 85%;
		vertical-align: top;
		padding-top: 7px;
		padding-left: 4px;
	}

	.holiday-desc p{
		margin: 0;
		color: #c5523e;
	}


	#second-column{
		float: right;
		margin-right: 50px;
	}

	.service-para-holder{
		width: 80%;
		margin: auto;
	}

	.icon-holder{
		width: 30%;
		display: inline-block;
		vertical-align: middle;
		margin-top: 15px;
	}

	#icons{
		padding: 0 20px;
		margin: 0;
	}

	.icon-holder img{
		width: 100%;
	}

	.service-icon-para{
		display: inline-block;
		width: 60%;
		margin-left: 20px;
		vertical-align: middle;
	}

	.service-index-title{
		font-size: 20px;
		color: #1b75bc;
	}

	.video-title{
		padding-top: 10px;
		padding-bottom: 0;
	}

	.index-video-container{
		width: 95%;
		height: 300px;
		border-radius: 15px;
	}

	#video-two{
		float: right;
		margin-right: 5px;
	}

	#todays-month{
    	text-transform: uppercase;
    }

}

@media(min-width: 651px) and (max-width: 1023px){
    
    .important-info {
        margin-top: 0 !important;
    }
    
	.container{
		width: 95%;
		margin: auto;
		padding-top:50px;
		padding-bottom:50px;
	}
	.mobile{
		display: none;
	}
	.calendar-container{
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
    .calendar {
        /*border: 1px solid black;*/
        max-width: 550px;
        /*height: 360px;*/
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .calendar-month{
    	font-size: 36px;
    	color: #1b75bc;
    	display: inline-block;
    	width: 50%;
    }

    .calendar-month p,
    .calendar-wholeyear p{
    	padding: 0;
    	margin: 0;
    }

    .calendar-wholeyear{
    	display: inline-block;
    	color: #1b75bc;
    	opacity: .3;
    	width: 45%;
    	font-size: 20px;
    	text-align: right;
    }

    .calendar-wrapper{
        width: 60%;
    	display: inline-block;
    }
    .day {
        width: 13%;
        text-align: center;
        vertical-align: baseline;
        height: 66px;
        padding: 15px 0;
        margin-bottom: 1px;
        margin-right: 1px;
        border-radius: 10px;
        font-size: 32px;
        box-sizing: border-box;
    }

    .calendar div:nth-child(1){
        border-radius: 10px 0 0 0;
    }
    .calendar div:nth-child(36){
        border-radius: 0 0 0 10px;
    }
    .calendar div:nth-child(2),
    .calendar div:nth-child(3),
    .calendar div:nth-child(4),
    .calendar div:nth-child(8),
    .calendar div:nth-child(9),
    .calendar div:nth-child(10),
    .calendar div:nth-child(11),
    .calendar div:nth-child(15),
    .calendar div:nth-child(16),
    .calendar div:nth-child(17),
    .calendar div:nth-child(18),
    .calendar div:nth-child(22),
    .calendar div:nth-child(23),
    .calendar div:nth-child(24),
    .calendar div:nth-child(25),
    .calendar div:nth-child(29),
    .calendar div:nth-child(30),
    .calendar div:nth-child(31),
    .calendar div:nth-child(32),
    .calendar div:nth-child(33),
    .calendar div:nth-child(34),
    .calendar div:nth-child(35),
    .calendar div:nth-child(37),
    .calendar div:nth-child(38),
    .calendar div:nth-child(39)
    {
        border-radius: 0 0 0 0;
    }
    .calendar div:nth-child(5),
    .calendar div:nth-child(12),
    .calendar div:nth-child(19),
    .calendar div:nth-child(26),
    .calendar div:nth-child(33),
    .calendar div:nth-child(40){
        border-radius: 0 10px 10px 0;
    }

    .calendar div:nth-child(6),
    .calendar div:nth-child(13),
    .calendar div:nth-child(20),
    .calendar div:nth-child(27),
    .calendar div:nth-child(34),
    .calendar div:nth-child(41)
    {
        border-radius: 10px 0 0 10px;
    }

    .calendar div:nth-child(7),
    .calendar div:nth-child(14),
    .calendar div:nth-child(21),
    .calendar div:nth-child(28),
    .calendar div:nth-child(35),
    .calendar div:nth-child(42){
        border-radius: 0 10px 10px 0;
    }

    .faded {
        /*opacity: .9;*/
        color: #c2c9d6 !important;
    }
    .first {
        background: #cdd7ee;
        color: #1b75bc;
    }
    .second {
        background: #e8cee3;
        color: #bb4a9b;
    }
    .nonwork {
        background-color: #e8e6e6 ;
        color: #d49582;
    }
    .rest {
        background: #a8e0b3;
        color: #5a7d61;
    }
    .shifts-wrap{
        box-sizing: border-box;
    }

    .shifts-wrap,
    .cal-wrap{
      vertical-align: top;
      display: inline-block;
    }

    .shifts-wrap div{
        width: 90px;
        height: 66px;
        display: flex;
        flex-direction: column;
        padding: 5.7px 0;
        margin: 0;
        margin-bottom: 1px;
        padding-right: 30px;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .cal-wrap{
        margin-left: -43px;
        z-index: -1;
   	 	width: 100%;
    }

    #todays-month{
    	text-transform: uppercase;
    }

   .first_shift{
      width: 50px;
      color: white;
      background: #7e9fd3;
   }
   .second_shift{
      width: 50px;
      color: white;
      background: #cb7fb5;
   }
    
   .rest_shift{
       width: 50px;
       color: white;
       background: #7cc78b;
   }
   .shifts-wrap span{
        display: block;
        text-align: center;
   }

   .cal-shifts{
        font-size: 34px;;
   }

   .cal-text{
        font-size: 14px;
   }

	.calendar-sidebar{
		width: 32%;
		display: inline-block;
		white-space: normal;	
		overflow: auto;
		margin: auto;
		padding-top: 10px;
		margin-top: 12px;
		vertical-align: top;
		text-align: center;
		background: #1b75bc;
	    max-height: 492px;
    	min-height: 482px;
    	margin-left: 46px;
		border-radius: 15px;
	}

	.sidebar-content{
		width: 100%;
		margin: auto;
		font-size: 22px;
		color: white;
	}
    
    .sidebar-date{
        padding: 0 10px;   
    }
	.date-bold{
		font-size: 90px;
		color: white;
		padding: 0 15px;
		line-height: 75px;
		display: block;
		vertical-align: middle;
		padding-bottom: 10px;
	}

	.alternate-text{
		display: block;
		padding-top: 15px;
		font-size: 30px;
	}

	.shift{
		display: inline-block;
		color: white;
		vertical-align: middle;
		width: 46%;
    	font-size: 24px;
		text-align: left;
		/*padding: 10px;*/
	}

	.rimshift{
		color: white;
    	font-size: 100px;
		display: inline-block;
		vertical-align: middle;
		/*width: 40%;*/
		margin-top: -10px;
		text-align: right;
	}

	.shifts-holder{
		width: 80%;
		margin: auto;
		text-align: center;
	}

	.second-sidebar{
		background: #cb7fb5;
	}
        
    .rest-sidebar{
        background: #7cc78b;
    }
    .rest-sidebar .sidebar-content{
        color: #5a7d61;
    }
	.shift-time{
		color: white;
		font-size: 24px;
		display: block;    
		margin-top: -10px;
	}

	.shift-time-dex{
		line-height: 15px;
		display: block;
		margin-bottom: 25px;
		font-size: 20px;
	}

	.info-container{
		overflow: hidden;
		/*padding: 0px 25px;*/
	}

	.info-heading{
		margin-top: 35px;
		font-size: 24px;
		color: #1b75bc;
	}

	.info-heading p{
		margin: 0 0 0 0;
	}

	.info-content{
		background: #d4eaf9;
		/*padding: 10px;*/
		border-radius: 15px;
		margin-top: 15px;
		width: 100%;
		padding: 10px 0;
		font-size: 15px;
		font-weight: bold;
		color: #1b75bc;
		/*line-height: 10px;*/
		font-family: 'Montserrat', sans-serif;
	}

	.info-content p{
		padding: 3px 65px;
		padding-left: 25px;
	}

	.left{
		float: right;
	}

	.point{
		width: 7px;
		height: 7px;
		border-radius: 50% 50%;
		background: #1b75bc;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		padding: 0;
	}

	.line-left{
		height: 1px;
		margin-right: -9px;
		padding: 0;
		width: 200px;
		background: #1b75bc;
		display: inline-block;
		vertical-align: middle;
		background: -webkit-linear-gradient(left, rgba(27,117,188,0), rgba(27,117,188,1));
	}

	.line-right{
		height: 1px;
		margin-left: -9px;
		padding: 0;
		width: 200px;
		background: #1b75bc;
		display: inline-block;
		vertical-align: middle;
		background: -webkit-linear-gradient(right, rgba(27,117,188,0), rgba(27,117,188,1));
	}

	#index-title{
		text-align: center;
		font-size: 28px;
		color: #1b75bc;
	}

	.advice-block{
		position: relative;
	}

	.advice-container{
		width: 95%;
		margin: auto;
		background: green;
		border-radius: 15px;
		height: 330px;
		/*padding: 10px;*/
		overflow: hidden;
	}

	.advice-overlay{
		width: 95%;
		height: 330px;
		position: absolute;
		background: red;
		top: 0%;
		border-radius: 15px;
    	left: 2.5%;
		z-index: 3;
		opacity: ;
		background: -webkit-linear-gradient(top, rgba(27,117,188,0), #1b75bc 350px);

	}

	.advice{
		margin: 30px 0;
		padding: 0;
		white-space: nowrap;
	}

	.advice-text{
		width: 90%;
		position: absolute;
		top: 66%;
		left: 2.5%;
		text-align: center;
		padding: 5px 5px;
		z-index: 9;
		color: white;
    	font-size: 22px;
    	white-space: normal;
	}

	.advice-container img{
		background-size: contain;
		background-position: center;
		transform:scale(1.2);
	}

	.more{
		display: block;
		text-align: center;
		padding-top: 25px;
		font-size: 14px;
		font-family: 'Montserrat', 'sans-serif';
	    background: #1b75bc;
	    border-radius: 10px;
	    height: 40px;
	    margin-top: 40px;
	    padding-top: 17px;
	    color: white !important;
	    text-transform: uppercase;
	}

	.more a{
		text-decoration: none;
		color: white;
		font-weight: bold;
	}

	.line-long{
		display: inline-block;
		height: 1px;
		width: 345px;
		background: #1b75bc;
		vertical-align: middle;
		margin-left: -5px;
		background: -webkit-linear-gradient(right, rgba(27,117,188,0), #1b75bc 350px);
	}

	.about-title{
		margin-bottom: -35px;
		margin-top: 75px;
		font-size: 36px;
		color: #1b75bc;
	}

	.medium{
		width: 13px;
		height: 13px;

	}

	.about-photo-container{
		width: 100%;
		height: 300px;
		margin-top: 15px;
	}

	.mobile-icons{
		width: 49%;
		vertical-align: top;
		display: inline-block;
	}

	.about-photo-holder{
		border-radius: 15px;
		width: 100%;
		background: #1b75bc;
		height: 300px;
	}

	.about{
		margin-top: -35px;
	}

	.about-para-container{
		padding: 25px 0px;
		font-family: 'Montserrat', sans-serif;
	}

	.about-para-container p{
		line-height: 22px;
		font-size: 14px;
		color: #1b75bc;
	}

	.about-para-container p a {
		color: #1b75bc;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 1px transparent;
		transition: .3s;
	}

	.about-para-container p:nth-of-type(4){
		text-align: right;
	}


	.services-title{
		margin-top: -15px;
		margin-bottom: -30px;
		white-space: nowrap;
	}

	.services{
		margin-top: -90px;
	}

	.main-line{
		width: 700px;
	}

	.sidebar-line{
		width: 200px;
	}

	.calendar-shifts-container{
		width:  61px;
		height: 100%;
		display:inline-block;
	}

	.shifts{
		width: 100%;
		list-style: none;
		padding: 0;
		margin-top: 15px;
		/*border-spacing: 0;*/
	}

	.shifts td{
		text-align: center;
	    padding-bottom: 6px;
	    width: 40px;
	    height: 20px;
	    vertical-align: middle;
	    margin: 1px;
	    border-radius: 10px 0 0 10px;
	    color: white;
		font-size: 14px;
	}

	.shifts tr{
		height: 67.4999961853111px;
	}

	.first-shift{
		background: #7e9fd3;
	}

	.second-shift{
		background: #cb7fb5;
	}

	.cal-shifts{
		font-size: 34px;
		display: block;
	}

	.label-days-container{
		vertical-align: top;
		margin-left: 53px; 
	}

	.label-days th{
		padding-left: 18px;
		padding-right: 18px;
		font-size: 15px;
	}

	.workday{	
		color: #1b75bc;
	}

	.weekday{
		color: #bb2026;
	}

	.calendar-days-container{
		width: 477px;
		height: 419px;
		position: absolute;
	    left: 10%;
	    top: 40px;
	}

	#calendar-days-body{
		width: 100%;
		height: 100%;
		border-spacing: 0;
		z-index: 2;
	}

	#calendar-days-body tr{
		margin-bottom: 5px;
	}

	#calendar-days-body tr:first-child td:first-child{
		border-radius: 10px 0 0 0;
	}	
	
	#calendar-days-body tr:first-child td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(2n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(3n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(4n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(5n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(6n) td{
		border-bottom: 1px solid transparent;
	}
	.first-shift-row td{
		background: #cdd7ee;
		color: #1b75bc;
	}

	.second-shift-row td{
		background: #e8cee3;
		color: #bb4a9b;
	}

	#calendar-days-body tr td{
		height: 60px;
		width: 80px;
		text-align: center;
		/*background: silver;*/
		font-size: 34px;
		border: 1px solid white;
	}

	.bg-info{
		color: #1b75bc;
	}

	.prevous-days{
		color: #bbcae8 !important;
	}

	.next-month{
		background: #e8cee3 !important;
		color: #d8c4df !important;
	}

	#calendar-days-body tr td:nth-child(5n+6){
		border-radius: 10px 0 0 10px;
		background: #e8e6e6 !important;
		color: #d49582 !important;
	}
	
	#calendar-days-body tr td:nth-child(5n+7){
		border-radius: 0 10px 10px 0;
		background: #e8e6e6 !important;
		color: #d49582 !important;
	}

	#calendar-days-body tr:nth-child(5n) td:nth-child(6n),
	#calendar-days-body tr:nth-child(5n) td:nth-child(7n),
	#calendar-days-body tr:nth-child(6n) td:nth-child(6n),
	#calendar-days-body tr:nth-child(6n) td:nth-child(7n)
	{
		color: #e2d0c9 !important;
	}

	.calendar-holidays-container{
		width: 93.5%;
    	height: 55px;
	    margin-top: 5px;
		vertical-align: top;
		font-size: 15px;
		max-width: 497px;
	}

	.holiday{
		width: 83%;
		height: 95%;
		display: inline-block;
		vertical-align: top;
		border-radius: 10px;
		background: #e2e0e0;
	}

	.holiday-text p{
		white-space: normal;
		font-size: 12px;
		padding: 0 5px;
	}

	.days-list{
		list-style: none;
		padding: 0;
		margin-left: 10%;
		font-size: 14px;
	}


	.days-list li{
		display: inline-block;
		margin: 0px 0px 0 6%;
		color: #1b75bc;
		font-weight: bold;
	}

	.days-list span{
		color: #d49582;
	}

	#todays-day{
		display: block;
	}

	.holiday-text{
		display: inline-block;
		background: #c5523e;
		color: white;
    	width: 28%;
		height: 95%;
		border-radius: 10px;
		text-align: center;
		vertical-align: top;
	}

	.holiday-day{
		width: 10%;
		height: 50px;
		margin: -15px 0 0 -15px;
    	margin-left: 7px;
    	display: inline-block;
	}

	.holiday-day p{
		background: #bb2026;
		text-align: center;
		font-size: 22px;
		color: white;
		vertical-align: top;
		border-radius: 10px;
		padding: 7px;
	}

	.holiday-desc{
		display: inline-block;
		width: 85%;
		vertical-align: top;
		padding-top: 7px;
		padding-left: 4px;
	}

	.holiday-desc p{
		margin: 0;
		color: #c5523e;
	}



	#second-column{
		float: right;
		margin-right: 50px;
	}

	.service-para-holder{
		width: 75%;
		margin: auto;
	}

	.icon-holder{
		width: 34.6%;
		display: inline-block;
		vertical-align: middle;
		margin-top: 15px;
	}

	#icons{
		padding: 25px 0 20px 0;
		margin: 0;
	}

	.icon-holder img{
		width: 100%;
	}

	.service-icon-para{
		display: inline-block;
		width: 55%;
		margin-left: 20px;
		vertical-align: middle;
	}

	.service-index-title{
		font-size: 20px;
		color: #1b75bc;
	}

	.video-title{
		padding-top: 10px;
		padding-bottom: 40px;
		white-space: nowrap;
	}

	.index-video-container{
		width: 100%;
		height: 300px;
		border-radius: 15px;
		margin-bottom: 15px;
	}
	
	.button-more{
	    text-align: center !important;
	    background: #1b75bc;
	    border-radius: 10px;
	    height: 40px;
	    margin-top: 40px;
	    padding-top: 15px;
	    color: white !important;
	    text-transform: uppercase;
    }

    .button-more a{
    	color: white !important;
    }

    .post-index{
    	width: 100% !important;
    }

    .posts-index{
    	margin-bottom: 4px;
    }

}

@media(max-width: 650px){
	.container{
		width: 95%;
		margin: auto;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	.calendar-container{
		width: 100%;
		margin-top: 20px;
		white-space: nowrap;
		overflow: hidden;
	}
    .calendar {
        /*border: 1px solid black;*/
        /*max-width: 550px;*/
        /*height: 360px;*/
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }


    .post-index{
    	width: 100% !important;
    }

    .calendar-month{
    	font-size: 36px;
    	color: #1b75bc;
    	display: inline-block;
    	width: 50%;
    }

    .calendar-month p,
    .calendar-wholeyear p{
    	padding: 0;
    	margin: 0;
    }

    .calendar-wholeyear{
    	display: none;
    }

    .calendar-wrapper{
        width: 100%;
    	display: inline-block;
    }
    .day {
        width: 13.5%;
        text-align: center;
        vertical-align: baseline;
        height: 56.4px;
        padding: 15px 0;
        margin-bottom: 1px;
        margin-right: 1px;
        border-radius: 10px;
        font-size: 1.5em;
        box-sizing: border-box;
    }

    .calendar div:nth-child(1){
        border-radius: 10px 0 0 0;
    }
    .calendar div:nth-child(36){
        border-radius: 0 0 0 10px;
    }
    .calendar div:nth-child(2),
    .calendar div:nth-child(3),
    .calendar div:nth-child(4),
    .calendar div:nth-child(8),
    .calendar div:nth-child(9),
    .calendar div:nth-child(10),
    .calendar div:nth-child(11),
    .calendar div:nth-child(15),
    .calendar div:nth-child(16),
    .calendar div:nth-child(17),
    .calendar div:nth-child(18),
    .calendar div:nth-child(22),
    .calendar div:nth-child(23),
    .calendar div:nth-child(24),
    .calendar div:nth-child(25),
    .calendar div:nth-child(29),
    .calendar div:nth-child(30),
    .calendar div:nth-child(31),
    .calendar div:nth-child(32),
    .calendar div:nth-child(33),
    .calendar div:nth-child(34),
    .calendar div:nth-child(35),
    .calendar div:nth-child(37),
    .calendar div:nth-child(38),
    .calendar div:nth-child(39)
    {
        border-radius: 0 0 0 0;
    }
    .calendar div:nth-child(5),
    .calendar div:nth-child(12),
    .calendar div:nth-child(19),
    .calendar div:nth-child(26),
    .calendar div:nth-child(33),
    .calendar div:nth-child(40){
        border-radius: 0 10px 10px 0;
    }

    .calendar div:nth-child(6),
    .calendar div:nth-child(13),
    .calendar div:nth-child(20),
    .calendar div:nth-child(27),
    .calendar div:nth-child(34),
    .calendar div:nth-child(41)
    {
        border-radius: 10px 0 0 10px;
    }

    .calendar div:nth-child(7),
    .calendar div:nth-child(14),
    .calendar div:nth-child(21),
    .calendar div:nth-child(28),
    .calendar div:nth-child(35),
    .calendar div:nth-child(42){
        border-radius: 0 10px 10px 0;
    }

    .faded {
        /*opacity: .9;*/
        color: #c2c9d6 !important;
    }
    .first {
        background: #cdd7ee;
        color: #1b75bc;
    }
    .second {
        background: #e8cee3;
        color: #bb4a9b;
    }
    .nonwork {
        background-color: #e8e6e6 ;
        color: #d49582;
    }
    .rest {
        background: #a8e0b3;
        color: #5a7d61;
    }
    .shifts-wrap{
        box-sizing: border-box;
    }

    .shifts-wrap,
    .cal-wrap{
      vertical-align: top;
      display: inline-block;
      width: 20%;
    }

    .shifts-wrap div{
		width: 100%;
    	height: 56.4px;
	    padding: 5.7px 0;
        padding-right: 27%;
        box-sizing: border-box;
        border-radius: 10px;
        margin: 1px;
        margin-top: 0;
        
    }

    .cal-wrap{
	    margin-left: -7%;
	    z-index: -1;
	    width: 89%;
    }

    #todays-month{
    	text-transform: uppercase;
    }

   .first_shift{
      width: 50px;
      color: white;
      background: #7e9fd3;
   }
   .second_shift{
      width: 50px;
      color: white;
      background: #cb7fb5;
   }
   .rest_shift{
       width: 50px;
       color: white;
       background: #7cc78b;
   }
   .shifts-wrap span{
        display: block;
        text-align: center;
   }

   .cal-shifts{
        font-size: 34px;;
   }

   .cal-text{
        font-size: 14px;
        display: none !important;
   }

	.calendar-sidebar{
		width: 100%;
		display: inline-block;
		white-space: nowrap;	
		overflow: hidden;
		margin: auto;
		padding-top: 10px;
		margin-top: 12px;
		vertical-align: top;
		/*text-align: center;*/
		background: #1b75bc;
		border-radius: 15px;
		color: white;
	}

	.sidebar-date p{
		font-size: 1.5em;
		margin: -15px 0 0 0;
	}

	.desktop{
		display: none;
	}

	.sidebar-content{
		width: 90%;
		/*display: inline-block;*/
		padding: 20px 0;
		margin: auto;
		/*font-size: 22px;*/
		color: white;
		display: flex;
		justify-content: space-between;
	}

	.sidebar-date{
		display: inline-block;
		width: 40%;
		text-align: center;
	}
    .margins-sidebar{
    	width: 20%;
    	display: inline-block;
    }

	.todays-day{
		display: block;
		/*line-height: 40px;*/
		font-size: 1.5em;
	}

	.date-bold{
		font-size: 4em;
		color: white;
		/*padding: 0 15px 0 0;*/
		/*width: 10%;*/
		/*line-height: 75px;*/
		display: block;
		width: 100%;
		vertical-align: middle;
		padding-bottom: 15px;
		margin-top: -15px;
		height: 50px;
	}

	.todays-month{
		font-size: 2em;
	}

	.alternate-text{
		display: block;
		/*padding-top: 33px;*/
	    font-size: 1.50em;
	}

	.shift{
		display: inline-block;
		color: white;
		vertical-align: middle;
		/*width: 46%;*/
    	font-size: 1.55em;
		text-align: left;
		margin-top: 25px;
		/*padding: 10px;*/
	}

	.rimshift{
		color: white;
    	font-size: 4.5em;
		display: inline-block;
		vertical-align: middle;
		/*width: 40%;*/
		/*margin-top: -10px;*/

		text-align: right;
	}

	.shifts-holder{
		width: 100%;
		margin-top: -6px;
		/*margin: auto;*/
		/*text-align: center;*/
	}

	.second-sidebar{
		background: #cb7fb5;
		color: white;
	}
   .rest-sidebar{
        background: #7cc78b;
        /*background: #e39a00;*/
    }
    .rest-sidebar .sidebar-content{
       /* color: #5a7d61;*/
    }
	.shift-time{
		color: white;
		font-size: 1em;
		display: block;    
		margin-top: -10px;
	}

	.shift-time-dex{
		line-height: 15px;
		display: block;
		margin-bottom: 25px;
	    font-size: .7em;

	}

	.info-container{
		overflow: hidden;
		/*padding: 0px 25px;*/
	}

	.info-heading{
		margin-top: 35px;
		font-size: 24px;
		color: #1b75bc;
	}

	.info-heading p{
		margin: 0 0 0 0;
	}

	.info-content{
		background: #d4eaf9;
		/*padding: 10px;*/
		border-radius: 15px;
		margin-top: 15px;
		width: 100%;
		padding: 10px 0;
		font-size: .9em;
		font-weight: bold;
		color: #1b75bc;
		/*line-height: 10px;*/
		font-family: 'Montserrat', sans-serif;
	}

	.info-content p{
		padding: 3px 65px;
		padding-left: 25px;
	}

	.left{
		float: right;
	}

	.point{
		width: 7px;
		height: 7px;
		border-radius: 50% 50%;
		background: #1b75bc;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		padding: 0;
	}

	.line-left{
		height: 1px;
		margin-right: -9px;
		padding: 0;
		width: 100px;
		background: #1b75bc;
		display: inline-block;
		vertical-align: middle;
		background: -webkit-linear-gradient(left, rgba(27,117,188,0), rgba(27,117,188,1));
	}

	.line-right{
		height: 1px;
		margin-left: -9px;
		padding: 0;
		width: 100px;
		background: #1b75bc;
		display: inline-block;
		vertical-align: middle;
		background: -webkit-linear-gradient(right, rgba(27,117,188,0), rgba(27,117,188,1));
	}

	#index-title{
		text-align: center;
		font-size: 1.3em;
		color: #1b75bc;
	}

	.advice-block{
		position: relative;
	}

	.advice-container{
		width: 95%;
		margin: auto;
		background: green;
		border-radius: 15px;
		height: 330px;
		/*padding: 10px;*/
		overflow: hidden;
	}

	.advice-overlay{
		width: 95%;
		height: 330px;
		position: absolute;
		background: red;
		top: 0%;
		border-radius: 15px;
    	left: 2.5%;
		z-index: 3;
		opacity: ;
		background: -webkit-linear-gradient(top, rgba(27,117,188,0), #1b75bc 350px);

	}

	.advice{
		margin: 30px 0;
		padding: 0;
		white-space: nowrap;
	}

	.advice-text{
		width: 90%;
		position: absolute;
		top: 66%;
		left: 2.5%;
		text-align: center;
		padding: 5px 5px;
		z-index: 9;
		color: white;
    	font-size: 22px;
    	white-space: normal;
	}

	.advice-container img{
		background-size: contain;
		background-position: center;
		transform:scale(1.2);
	    min-width: 100%;
	    min-height: 100%;
	}

	.more{
		display: block;
		text-align: center;
		padding-top: 25px;
		font-size: 1em;
		font-family: 'Montserrat', 'sans-serif';
	    text-align: center !important;
	    background: #1b75bc;
	    border-radius: 10px;
	    height: 40px;
	    padding-top: 15px;
	    margin-top: 40px;
	    text-transform: uppercase;
	}

	.more a{
		text-decoration: none;
		color: white;
		font-size: 14px;
		font-weight: bold;
	}

	.line-long{
		display: inline-block;
		height: 1px;
	    width: 300px;
		background: #1b75bc;
		vertical-align: middle;
		margin-left: -5px;
		background: -webkit-linear-gradient(right, rgba(27,117,188,0), #1b75bc 350px);
	}

	.about-title{
		margin-top: 50px;
		margin-bottom: -35px;
		font-size: 36px;
		color: #1b75bc;
	}

	.medium{
		width: 13px;
		height: 13px;

	}

	.about-photo-container{
		width: 100%;
		height: 300px;
		margin-top: 15px;
	}

	.about-photo-holder{
		border-radius: 15px;
		width: 100%;
		background: #1b75bc;
		height: 300px;
	}

	.about{
		margin-top: -35px;
	}

	.about-para-container{
		padding: 25px 0;
		font-family: 'Montserrat', sans-serif;
	}

	.about-para-container p{
		line-height: 22px;
		font-size: 14px;
		color: #1b75bc;
	}

	.about-para-container .button-more{
		margin-top: 40px;
	}

	.about-para-container p a {
		color: #1b75bc;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 1px transparent;
		transition: .3s;
	}


	.services-title{
		margin-top: 5px;
		margin-bottom: -10px;
		white-space: nowrap;
	}

	.services{
		margin-top: -90px;
	}

	.main-line{
		width: 700px;
	}

	.sidebar-line{
		width: 200px;
	}

	.calendar-shifts-container{
		width:  61px;
		height: 100%;
		display:inline-block;
	}

	.shifts{
		width: 100%;
		list-style: none;
		padding: 0;
		margin-top: 15px;
		/*border-spacing: 0;*/
	}

	.shifts td{
		text-align: center;
	    padding-bottom: 6px;
	    width: 40px;
	    height: 20px;
	    vertical-align: middle;
	    margin: 1px;
	    border-radius: 10px 0 0 10px;
	    color: white;
		font-size: 14px;
	}

	.shifts tr{
		height: 67.4999961853111px;
	}

	.first-shift{
		background: #7e9fd3;
	}

	.second-shift{
		background: #cb7fb5;
	}

	.cal-shifts{
		font-size: 1.8em;
		display: block;
		padding-top: 12%;
	}

	.label-days-container{
		vertical-align: top;
		margin-left: 53px; 
	}

	.label-days th{
		padding-left: 18px;
		padding-right: 18px;
		font-size: 15px;
	}

	.workday{	
		color: #1b75bc;
	}

	.weekday{
		color: #bb2026;
	}

	.calendar-days-container{
		width: 477px;
		height: 419px;
		position: absolute;
	    left: 10%;
	    top: 40px;
	}

	#calendar-days-body{
		width: 100%;
		height: 100%;
		border-spacing: 0;
		z-index: 2;
	}

	#calendar-days-body tr{
		margin-bottom: 5px;
	}

	#calendar-days-body tr:first-child td:first-child{
		border-radius: 10px 0 0 0;
	}	
	
	#calendar-days-body tr:first-child td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(2n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(3n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(4n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(5n) td:nth-child(5n){
		border-radius: 0 10px 10px 0;
	}

	#calendar-days-body tr:nth-child(6n) td{
		border-bottom: 1px solid transparent;
	}
	.first-shift-row td{
		background: #cdd7ee;
		color: #1b75bc;
	}

	.second-shift-row td{
		background: #e8cee3;
		color: #bb4a9b;
	}

	#calendar-days-body tr td{
		height: 60px;
		width: 80px;
		text-align: center;
		/*background: silver;*/
		font-size: 34px;
		border: 1px solid white;
	}
	
	.sidebar-bar{
		display: none;
	}
	
	.sidebar-date-info{
		display: inline-block;
		vertical-align: top;
		width: 40%;
		text-align: center;
		height: 135px;
	}

	.bg-info{
		color: #1b75bc;
	}

	.prevous-days{
		color: #bbcae8 !important;
	}

	.next-month{
		background: #e8cee3 !important;
		color: #d8c4df !important;
	}

	#calendar-days-body tr td:nth-child(5n+6){
		border-radius: 10px 0 0 10px;
		background: #e8e6e6 !important;
		color: #d49582 !important;
	}
	
	#calendar-days-body tr td:nth-child(5n+7){
		border-radius: 0 10px 10px 0;
		background: #e8e6e6 !important;
		color: #d49582 !important;
	}

	#calendar-days-body tr:nth-child(5n) td:nth-child(6n),
	#calendar-days-body tr:nth-child(5n) td:nth-child(7n),
	#calendar-days-body tr:nth-child(6n) td:nth-child(6n),
	#calendar-days-body tr:nth-child(6n) td:nth-child(7n)
	{
		color: #e2d0c9 !important;
	}

	.calendar-holidays-container{
		width: 100%;
    	height: 55px;
	    margin-top: 5px;
		vertical-align: top;
		font-size: 15px;
	}

	.holiday{
    	width: 74%;
		height: 95%;
		display: inline-block;
		vertical-align: top;
		border-radius: 10px;
		background: #e2e0e0;
	}

	.holiday-text p{
		white-space: normal;
		font-size: .7em;
		padding: 0px 1px;
		padding-top: 5px;

	}

	.days-list{
		list-style: none;
		padding: 0;
		margin-left: 16%;
		font-size: 0.8em;
	}


	.days-list li{
		display: inline-block;
		padding: 1px;
		color: #1b75bc;
		width: 13%;
		font-weight: bold;
	}

	.days-list span{
		color: #d49582;
	}

	#todays-day{
		display: block;
	}

	.holiday-text{
		display: inline-block;
		background: #c5523e;
		color: white;
		width: 24%;
		height: 95%;
		border-radius: 10px;
		text-align: center;
		vertical-align: top;
	}

	.holiday-day{
		width: 10%;
		height: 50px;
		margin: -15px 0 0 -15px;
    	margin-left: 7px;
    	display: inline-block;
	}

	.holiday-day p{
		background: #bb2026;
		text-align: center;
		font-size: 22px;
		color: white;
		vertical-align: top;
		border-radius: 10px;
		padding: 7px;
	}

	.holiday-desc{
		display: inline-block;
		width: 85%;
		vertical-align: top;
		padding-top: 7px;
		padding-left: 4px;
	}

	.holiday-desc p{
		margin: 0;
		color: #c5523e;
	}

	.service-para-holder{
		width: 75%;
		margin: auto;
	}

	.icon-holder{
		width: 30%;
		display: inline-block;
		vertical-align: middle;
		margin-top: 15px;
	}

	#icons{
		padding: 20px 0;
		margin: 0;
	}

	.icon-holder img{
		width: 100%;
	}

	.service-icon-para{
		display: inline-block;
		width: 60%;
		/*margin-left: 20px;*/
		vertical-align: middle;
	}

	.service-index-title{
		font-size: 20px;
		color: #1b75bc;
	}

	.video-title{
		padding-top: 10px;
		padding-bottom: 40px;
		white-space: nowrap;
	}

	.index-video-container{
		width: 95%;
		height: 300px;
		width: 100%;
		margin-bottom: 15px;
		border-radius: 15px;
	}

	.days-list-container{
		width: 100%;
	}

	.button-more{
	    text-align: center !important;
	    background: #1b75bc;
	    border-radius: 10px;
	    height: 40px;
	    padding-top: 15px;
	    color: white !important;
	    text-transform: uppercase;
    }    

    .button-more a{
    	color: white !important;
    }


}