/*
Theme Name: Oshawa Durham Sleep Laboratory 
Author URI: https://www.Cdnpages.com/
Version: 1.1
Author:Cdnpages
Description: A theme by Cdnpages
*/

*{margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #fff;font-family: 'Mulish', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #454545;font-size: 15px;line-height: 1.8;text-rendering: optimizeLegibility;}
a img {border: none;}
a {color: #454545;text-decoration: none !important;transition:0.8s;transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.6s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
a:hover {transition:0.8s;text-decoration: none;color:#1A9BDC;}
:before {font-style: normal;font-family:'icomoon';}
.clear {clear: both;}
.divider {clear: both;border-bottom: 1px solid #ddd;margin: 0 0 20px 0;padding: 20px 0 0 0;}
.alignleft{float:left;margin:0 10px 0 0;}
.alignright{float:right;margin:0 0 0 10px;}
.aligncenter{display:block;margin:0 auto;}

#scroll {position: fixed;right: 10px;bottom: 10px;cursor: pointer;width: 50px;height: 50px;background-color: #454545;text-indent: -9999px;display: none;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;z-index: 999;}
#scroll span {position: absolute;top: 50%;left: 50%;margin-left: -8px;margin-top: -12px;height: 0;width: 0;border: 8px solid transparent;border-bottom-color: #ffffff;}
#scroll:hover {background-color:#1A9BDC;opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}
.lga {fill:none}.lgb{fill:#4d4d4d}.b{font-weight:700}.lgc{fill:#29abe2}.lgd {fill: #fd0304;fill-rule: evenodd}
.inner {width: 1170px;margin: 0 auto;max-width: 100%;}
.overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color:#0087bead;z-index: 2;}
.line{height:2px;background:#1A9BDC;width:10%;}
#top-header{margin:5px 0px;font-weight:600 !important;padding:5px;}
#top-header .clock:before{content: "\f017"; color: #fff;background: #1A9BDC;padding: 10px;font-size: 25px;border-radius: 50px;float: left;width: 40px;height: 40px;line-height: 19px;margin-right: 12px;text-align: center;}
#top-header .email:before{content: "\f0e0"; color: #fff;margin-right: 12px;background: #1A9BDC;padding: 10px;font-size: 21px;border-radius: 50px;float: left;width: 40px;height: 40px;line-height: 19px;text-align: center;}
#top-header .phone:before{content: "\f10b"; color: #fff;margin-right: 12px;background: #1A9BDC;padding: 10px;font-size: 27px;border-radius: 50px;float: left;width: 40px;height: 40px;line-height: 19px;text-align: center;}
#top-header h4{color:#6a6a6a;font-size:14px;text-transform: uppercase;font-weight:500;}
#top-header p{color:#6a6a6a;font-size:13px;float: left;display: flex;margin-top: -8px;}
#social{text-align:center;color:#fff;padding:10px 0;display:inline-block;}
#social span{color:#fff;margin:0 10px;}
#social span:hover{color:#454545;}

.header_area {top: 0;left: 0;width: 100%;;transition: background 0.4s, all 0.3s linear;
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);position:relative;z-index:999;float:left;padding: 12px 0;}

/*.header_area.navbar_fixed .main_menu {position: fixed;width: 100%;top: -70px;left: 0;right: 0;z-index: 997;background: #333;transform: translateY(70px);
transition: transform 500ms ease, background 500ms ease;
-webkit-transition: transform 500ms ease, background 500ms ease;
box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.1);}*/
#logo{display:flex;}
#logo h1{font-size: 24px;font-weight: bold !important;margin:10px 0 0;color:#454545;}
#logo p{margin-top:-10px;letter-spacing: .35em;font-size: 22px;text-transform: uppercase;}
#logo a{color:#454545;}
#logo img{max-width:80%;}

h1,h2,h3,h4,h5,h6 {margin: 0 0 10px 0;color: #454545;line-height: 1.2;font-family: 'Poppins', sans-serif;}

h1 {font-size: 40px;text-transform: uppercase;font-weight:600;}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

.smalltext{text-transform: uppercase;letter-spacing: 5px;display: block;text-align: center}

.more-btn{background:#1A9BDC;text-transform:uppercase;color:#fff;padding: 10px 35px;display: inline-block;margin: 25px 0;}
.more-btn:hover{background:#454545;color:#fff;}


#slider {width:100%;float:left;}
#slider .item{background-size: cover;background-position: center top;height: 500px;z-index: 0;}
#slider .owl-nav .owl-next, #slider .owl-prev {position: absolute;top:40%;transition: 0.6s;font-size:45px;color:#fff;opacity:0;}
#slider:hover .owl-nav .owl-next{display: block;transition: 0.6s;opacity:1.0;}
#slider:hover .owl-nav .owl-prev{display: block;transition: 0.6s;opacity:1.0;}
#slider .owl-nav .owl-next:hover, #slider .owl-nav .owl-prev:hover {color: #fff; transition: 0.6s;}
#slider .owl-nav .owl-prev {left: 20px;display: block;transition: 0.6s; }
#slider .owl-nav .owl-next {right: 20px;display: block;transition: 0.6s;}
#slider .owl-next span, #slider .owl-prev span{background-color:#1A9BDC;border-radius:50px;}
#slider .owl-next span:hover, #slider .owl-prev span:hover{background-color:#454545;border-radius:50px;}

.carousel-caption {right: 8%;top: 20%;left: 8%;z-index:2;text-align:left;position:absolute;width: 40%;}

.carousel-caption h1{font-size: 40px;color: #454545;line-height: 1.3;font-weight: bold;}

.carousel-caption p{color: #454545;font-weight: inherit;font-size: 18px;}
.btn-primary{background: #1A9BDC;text-transform:uppercase;border-radius:50px;color:#fff;padding: 10px 35px;display: inline-block;margin: 35px 0;}
.btn-primary:hover{background:#454545;color:#fff;}


#fourboxes{float:left;width:100%;}
#fourboxes .col-md-3{background:#43B1D2;text-align:center;padding:50px 20px;color:#fff;}
#fourboxes .col-md-3 h3{color:#fff;margin: 15px 0 10px;}
#fourboxes .col-md-3 img{margin: 0 auto}
#fourboxes .col-md-3:nth-child(2){background: #27A4B5}
#fourboxes .col-md-3:nth-child(3){background: #3DBBBA}
#fourboxes .col-md-3:nth-child(4){background: #37C3A8}


#threeboxes{float:left;width:100%;}
#threeboxes .col-md-6{background:#43B1D2;text-align:center;padding:50px 35px;color:#fff;}
#threeboxes .col-md-6 h3{color:#fff;margin: 15px 0 10px;}
#threeboxes .col-md-6 a{color:#fff;}
#threeboxes .col-md-6 img{margin: 0 auto}
#threeboxes .col-md-6:nth-child(2){background: #37C3A8}
#threeboxes .col-md-6:nth-child(3){background: #27A4B5}




#about{padding: 45px 0 25px;float: left;width: 100%;text-align: center;}
#about p{margin: 15px 0;}
#about .line{margin:0 auto;}
#about img{width: 70%;margin: 0 auto;display: block;}


#pagetitle {width:100%;float:left;padding:45px 0;position: relative;background-attachment: fixed;
background-repeat: no-repeat;background-size: cover;background-position: center center;text-align:center;}
#pagetitle .inner {padding:45px 0px;float: left;width: 100%;text-align: center;}
#pagetitle h1 {color:#fff;text-align: center;position: relative;z-index: 2;}
#pagetitle p {color:#fff;text-align: center;font-size:16px;position: relative;padding:10px;z-index: 2;}
#pagetitle .overlay{background: #000000b5;}

.page{padding: 45px 0px;float: left;width: 100%;}
.page p{text-align: justify;margin:10px 0; }
.page li{font-size: 14px;list-style: none;display: flex;}
.page li:before {content: "\f0da";color:#1A9BDC;margin-right: 10px;font-style: normal;}

/* Start Faq*/

.ac {
  margin-top: 10px;
  border: 1px solid #eee;
  background-color: #fff;
  box-sizing: border-box;
}

.ac .ac-header {
  margin: 0;
  padding: 0;
}

.ac .ac-trigger {
  font: bold 16px 'Mulish', sans-serif;
  color: #454545;
  text-align: left;
  width: 100%;
  padding: 10px 30px 10px 10px;
  display: block;
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: color .25s ease;
  transition: color .25s ease;
  position: relative;
  text-decoration: none;
  margin: 0;
  border: 0;
}

.ac .ac-trigger::after {
  content: '+';
  text-align: center;
  width: 15px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  right: 10px;
  top: 50%;
}

.ac .ac-trigger:focus {
  color: #000;
}

.ac .ac-panel {
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.ac .ac-panel .ac-text {
  font: 15px/24px 'Mulish', sans-serif;
  color: #454545;
  padding: 10px;
  margin: 0;
}

.ac.js-enabled .ac-panel {
  visibility: hidden;
}

.ac.is-active .ac-panel {
  visibility: visible;
}

.ac.is-active .ac-trigger::after {
  content: '\2013';
}
/* End Faq */



/* Start Gallery*/

#gallery{background-image:url("images/Gallerybg.png");width:100%;float:left;padding:65px 0;position: relative;background-attachment: fixed;
background-repeat: no-repeat;background-size: cover;background-position: center center;text-align:center;color:#fff;}
#gallery h2{color:#fff;}
.baguetteBoxOne{margin: 35px 0;}
.gallery:after {content: '';display: block;height: 2px;margin: .5em 0 1.4em;}

.gallery img {height: 100%;}

.gallery a {
    width: auto;
    height: 214px;
    display: inline-block;
    overflow: hidden;
    margin: 4px 5px;
    box-shadow: 0 0 4px -1px #000;
}

.ribbon > img {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
}

@media (max-width: 768px) {
    .sm-hidden {
        display: none;
    }
}

/* End Gallery */

#servicesboxes{float:left;width:100%;}
#servicesboxes .col-md-12{background:#fff;color:#454545;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);padding: 30px 20px 20px;border-radius: 15px;margin:10px auto;}
#servicesboxes .col-md-12 h3{color:#1A9BDC;text-align: left;margin: 0;font-size:22px;text-transform: uppercase;font-weight: bold;letter-spacing: 1.25px;}
#servicesboxes .col-md-12 span{font-size: 16px;color:#000;font-weight:bolder;text-transform: uppercase;}
#servicesboxes .col-md-12 a{color:#fff;}
#servicesboxes .col-md-12 img{margin: 0 auto}

#team{padding: 65px 0px 0px;float: left;width: 100%;text-align:center;}
#team h2{text-align: center;}
#team .col-md-3{text-align: center;background: #fff;margin:35px 10px;padding: 0;width: 23%;}
#team .col-md-3 h4{padding:15px 0 0;}
#team #social span{color:#1A9BDC !important;text-align:center;}
#team .col-md-3 img{border-radius:50%;margin:0 auto;width:80%;box-shadow: 0px 7px 20px -10px rgba(171, 171, 171, 0.7);}

#team .btn-primary{margin: 25px auto 10px;display: table;}

.justify-content-center {-webkit-box-pack: center !important;-ms-flex-pack: center !important;
justify-content: center !important; width: 100%;}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
	

#chooseus{padding: 15px 0px 0px;float: left;width: 100%;}
#chooseus h2,
#chooseus p{text-align:center;}

.iconbox img{width: 50px;height:50px;margin:0px 5px 5px 0 !important;display: inline-flex;}
.iconbox h3{display: contents;font-size: 17px;/*! text-transform: uppercase; */font-weight: 500 !important;} 
.iconbox {margin: 72px 0;}
.iconbox p{text-align: left !important;font-size:14px;}


#counter{background-image:url("images/coutbg.jpg");width:100%;float:left;padding:65px 0;position: relative;background-attachment: fixed;
background-repeat: no-repeat;background-size: cover;background-position: center center;text-align:center;}

#counter .line{margin:10px auto;background-color:#fff;width:70px; height:3px;}
#counter h4{text-align:center;text-transform:uppercase;color:#fff;}
#counter span{text-align:center;color:#fff;font-family: 'Poppins', sans-serif;font-size: 50px;font-weight: bolder;line-height: 75px;}
#counter icon{text-align:center;color:#fff;font-family: 'Poppins', sans-serif;width:100%;font-size: 50px;font-weight: bolder;float:left;}


.contactpage{padding: 25px 0px 40px;float: left;width: 100%;}

#box{padding: 35px 15px;box-shadow: 7px 7px 10px 0 rgba(76,110,245,.1);background: #f8f9fa;  margin: 5% 1% 3%;width: 31.2%;}
#box h3{font-size: 25px;font-weight: normal;text-transform: uppercase;text-align: center;}
#box .icon {color:#fff;font-size:36px;position: relative;width: 120px;height: 120px;background: #454545;margin: 0 auto;margin-top: -90px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;margin-bottom:25px;-webkit-transition-duration: 800ms;transition-duration: 800ms;}
#box:hover .icon{box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
border-radius: 4px;-webkit-transition-duration: 800ms;transition-duration: 800ms;background:#1A9BDC;}
#box .more-btn{margin: 25px auto 10px;display:table;text-align: center;padding: 10px 15px;background: #454545;}
#box:hover .more-btn{background:#1A9BDC;}

#sleeppage #box{margin: 15px 1%;padding: 15px 15px}
#sleeppage #box img{margin: 0 0 15px;}



#cta{background:#E2E2E2;width:100%;float:left;padding:10px 0;position:relative;}
#cta h2{font-size:24px;padding:20px 0 0;}


#cta .more-btn{margin: 20px auto;display: flex;text-transform: uppercase;background: #1A9BDC;color:#fff;
border-radius:50px; padding:12px 65px;
justify-content: center;display:table;
}
#cta .more-btn:hover{background: #454545;color:#fff !important;}

#testimonials{background-image:url("images/testimonialsbg.jpg");width:100%;float:left;padding:65px 0;position: relative;background-attachment: fixed;
background-repeat: no-repeat;background-size: cover;background-position: center center;text-align:center;}
#testimonials .container{position:relative;z-index:2;}
#testimonials .overlay{background: #000000ba;}
#testimonials h2{color:#fff;}
.testimonial .testimonial-item {padding:28px 25px 0;color:#fff;}
#testimonials .testimonial h4{margin: 10px 0;color:#1A9BDC;}
#testimonials .owl-nav, #testimonials .owl-dots {margin-top: 25px;text-align: center;}
#testimonials .owl-dot {display: inline-block;width:30px; height:4px; background:#dbd9e6; border-radius:5px; margin:5px 5px}
#testimonials .owl-dot.active {background-color:#1A9BDC;}
.column{column-count: 2;margin:25px 0 !important;}


/*-----Booking Form Start Code----------------*/
.form-control {height: 43px;border-radius: 0; }
.form-control:active, .form-control:focus {border-color: #2f89fc;}
.form-control:hover, .form-control:active, .form-control:focus {-webkit-box-shadow: none !important;box-shadow: none !important; }

/*-----Booking Form End Code----------------*/


.info li{line-height:30px;display:flex;font-weight:300;}
.info .address:before {content: "\f041"; margin-right: 10px;font-size: 24px;color:#1A9BDC}
.info .phone:before {content: "\f2a0"; margin-right: 10px;font-size: 24px;color:#1A9BDC}
.info .fax:before{content: "\f1ac"; margin-right: 10px;font-size: 24px;color:#1A9BDC}
.info .email:before {content: "\f0e0"; margin-right: 10px;font-size: 24px;color:#1A9BDC}






#bottom {background: #171717;color:#fff;font-size: 14px;padding: 65px 0 40px;float: left;width: 100%;}
#bottom a {color: #fff;}
#bottom a:hover {color:#1A9BDC;}
#bottom i {color: #fff;margin-right: 0px;}
#bottom .bottomcol1 h3 {font-size: 22px;text-transform: uppercase;border: none;text-align: left;font-weight: 700;color: #fff;margin: 0px 0px 40px;}
#bottom .bottomcol1 h3:before {content: '';height: 1px;background: #fff;width: 50px;position: absolute;margin: 40px 0px;top: 0}
#bottom .bottomcol1 li {border: none;text-decoration: none;color:#fff ;list-style: none;line-height:30px;}
#bottom .bottomcol1 li:before {content: "\f0da";color:#1A9BDC;margin-right: 10px;font-style: normal;}
#bottom h4{color:#fff;}
#bottom b{font-style: italic;letter-spacing: .1em}
#bottom .bottomtext{padding: 35px 0 0;}

#bottom .footer-contact li{line-height:30px;display:flex;}
#bottom .footer-contact .address:before {content: "\f278"; margin-right: 10px;font-size:24px;}
#bottom .footer-contact .phone:before {content: "\e0dd"; margin-right: 10px;font-size:28px;}
#bottom .footer-contact .fax:before {content: "\f1ac"; margin-right: 10px;font-size:28px;}
#bottom .footer-contact .email:before {content: "\f0e0"; margin-right: 10px;font-size:28px;}

#footer {clear: both;background: #191919;color: #fff;border-top:1px solid #404040;padding: 10px 0;text-align: center;font-size: 13px;}
#footer a {color: #fff;}
#footer a:hover {color:#1A9BDC;}
.fleft {float: left;}
.fright {float: right;}


@media screen and (max-width: 981px) {
body {min-width: 230px;}
.desktoponly {display: none;}
.inner {width: 100%;padding: 0%;}
img.alignleft,
img.alignright {float: none;display: block;margin: 10px auto;}
.site-menu-toggle{display: block;color:#454545;}
.site-navbar{display: none;}
#logo h1, #logo .tagline{float:left;display:block;}
.site-section .col-md-5{padding: 20px 15px;}
  #servicesboxes .col-md-12{padding: 15px;width: 94%;margin: 2% 3%;}
  #servicesboxes .col-md-12 h3{font-size: 18px;}
  #servicesboxes .col-md-8,
  #servicesboxes .col-md-4{padding: 0;margin:10px 0;}

    
    
#bottom {width: 100%;display: block;}
#bottom .bottomcol1{margin: 15px 0;} 
#bottom  .col-md-12{padding: 15px;}  
#footer {font-size: 12px;padding: 10px 0;}
.fleft, .fright {float: none;}
}


@media screen and (min-width: 981px) {
.mobileonly {display: none;}
.lefthalf {float: left;width: 48%;}
.righthalf {float: right;width: 48%;}
.site-menu-toggle{display:none;}
}


@media screen and (min-width: 220px) and (max-width: 420px) {
	    #logo h1{font-size:16px;}
		#logo .tagline{font-size:14px;}
			#top-header{display: none;}
		#chooseus .iconbox{margin: 25px 0;}
#slider .item{background-size: cover;background-position: center top;height: 300px;}
.carousel-caption {right: 5%;top: 15%;left: 5%;width: 90%;}
#slider .owl-nav .owl-next, #slider .owl-prev{font-size: 24px;}
.carousel-caption h1 {font-size: 20px;}
#slider .btn-primary{padding:5px 35px;margin:10px 0;}
#counter .col-md-3{width: 48%;margin: 1%;}
#team .col-md-3{width: 48%;margin: 1%;}
#box { margin:15% 5%; width: 95%;}
  .gallery a {height: auto;}
}

@media screen and (min-width: 421px) and (max-width: 500px) {
	  #logo h1{font-size:16px;}
		#logo .tagline{font-size:14px;}
	#top-header{display: none;}
	#fourboxes .col-md-3{width: 50%;padding:25px 15px;}
	#chooseus .iconbox{margin: 25px 0;}
  #box { margin:15% 5%; width: 95%;}	
#bottom .col-md-3{width: 49%;float: left;word-wrap: anywhere}
#slider .item{background-size: cover;background-position: center top;height: 300px;}
.carousel-caption {right: 5%;top: 15%;left: 5%;width: 90%;}
#slider .owl-nav .owl-next, #slider .owl-prev{font-size: 30px;}
.carousel-caption h1 {font-size: 30px;}
#slider .btn-primary{padding:10px 35px;margin:10px 0;}
#counter .col-md-3{width: 48%;margin: 1%;}
#team .col-md-3{width: 48%;margin: 1%;}
    .gallery a {height: auto;}
}


@media screen and (min-width: 501px) and (max-width: 768px) {
	  #logo h1{font-size:18px;}
		#logo .tagline{font-size:16px;}
	#top-header{width: 33%;}
		#fourboxes .col-md-3{width: 50%;padding:25px 15px;}
	#chooseus .iconbox{margin: 25px 0;}
#bottom .col-md-3{width: 47%;float: left;}
#slider .item{background-size: cover;background-position: center top;height: 350px;}
.carousel-caption {right: 5%;top: 20%;left: 5%;width:90%;}
#slider .owl-nav .owl-next, #slider .owl-prev{font-size: 36px;}
.carousel-caption h1 {font-size: 36px;}
#slider .btn-primary{padding:10px 35px;margin:10px 0;}
   #box { margin:15% 5%; width: 95%;}
 #counter .col-md-3{width: 48%;margin: 1%;}
#team .col-md-3{width: 48%;margin: 1%;}
    .gallery a {height:195px;}
}


@media screen and (min-width: 769px) and (max-width: 990px) {
#logo img{width: 50%;}

}

@media screen and (min-width: 769px) and (max-width: 1120px) {
#bottom .col-md-3{width: 47%;float: left;}
#slider .item{background-size: cover;background-position: center top;height: 350px;}
.carousel-caption {right: 5%;top: 25%;left: 5%;}
.carousel-caption h1 {font-size: 40px;}
#slider .btn-primary{padding:10px 35px;margin:10px 0;} 
}


iframe.odsl-frame{
  width: 100%;
  border: 0;
  display: block;
  overflow: hidden;
}

@media (min-width: 981px) {
  .site-navbar .site-menu .dropdown {
    min-width: 320px !important;
  }
}