html, body { width: 100%; height: 100%; }
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999999; /* makes sure it stays on top */ }
#status { position: absolute; left: 50%; top: 50%; margin: -26px 0 0 -26px; }
#status p { font-weight: 700; margin: 10px 0 0 10px; }
body { overflow-x: hidden; font-family: 'Roboto', sans-serif; background: #eff0f1; }
.wrapper { margin: 0 0 40px 0 }
p {font-size: 1em;margin: 0 0 30px;}
ul { padding: 0; }
ul li { font-size: 14px; }
p.small { font-size: 16px; }
.radio input[type="radio"] { margin-left: 0; }
a, a:hover, a:focus, a:active, a.active { outline: 0; color: #007ec5; /* font-weight: 100; */ }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: 800; color: #000; margin: 30px 0; }
.home-logo { overflow: hidden; width: 193px; margin: 0 auto 40px auto; }
.img-centered { margin: 0 auto; }
.top-container { position: absolute; right: 0; left: 0; z-index: 999999; }
.drilling-activity ul li { font-size: 14px; font-weight: 300; margin: 10px 0; }
header .container { padding-top: 100px; padding-bottom: 50px; }
header img { display: block; margin: 0 auto 20px; }
header .intro-text .name { display: block; text-transform: uppercase; font-size: 2em; font-weight: 100; }
header .intro-text .skills { font-size: 1.25em; font-weight: 300; }
header { position: relative; width: 100%; min-height: auto; text-align: center; color: #fff; background-image: url(/img/banner-img-3.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; }
header .header-content { position: relative; width: 100%; padding: 100px 15px; text-align: center; }
header .header-content .header-content-inner h1 { margin-top: 0; margin-bottom: 30px; font-weight: 800; font-size: 45px; color: #fff; }
header .header-content .header-content-inner hr { margin: 30px auto; width: 40px; border-top: 5px solid #ecf0f1; }
header .header-content .header-content-inner p { margin-bottom: 40px; font-size: 19px; font-weight: 200; color: #fff; }
.search-label { margin-top: 12px; }
.yellow { color: #feee41; }
.col-centered { float: none; margin: 0 auto; }
.form-container { height: 100%; }
#theform { height: 100%; }
.navbar-top .navbar-brand.sub-brand { background: url('../img/logoCOSSD-sml.png') no-repeat; width: 162px; height: 83px; }
ul.popular-categories { list-style: none; margin: 40px 0; overflow: hidden; }
ul.popular-categories-sub { list-style: none; margin: 5px 0; float: right; }
ul.popular-categories li, ul.popular-categories-sub li { vertical-align: middle; display: inline-block; margin: 0 2px; }
ul.popular-categories li { font-size: 16px }
ul.popular-categories li a, ul.popular-categories-sub li a { color: #fff; }
ul.popular-categories li a:after, ul.popular-categories-sub li a:after { content: '\007C'; margin-left: 3px; }
ul.popular-categories li:last-child a:after, ul.popular-categories-sub li:last-child a:after { content: none; margin: 0; }
ul.popular-categories-sub li:nth-last-child(2) a:after, ul.popular-categories-sub li:nth-last-child(3) a:after { content: none; }
ul.popular-categories-sub li:nth-last-child(3) a, ul.popular-categories-sub li:nth-last-child(2) a { margin-right: 5px }
.browse-btn { clear: both; }
.browse-btn-sub { float: right; clear: both; }
.mobile-browse { display: none; }
/*404 page stle */
h1.error { margin-top: 30px; }
h2.error { font-size: 113px; color: #f82d17; text-transform: uppercase; font-weight: bold; margin-top: -10px; margin-bottom: -20px; }
h3.error { font-size: 32px; margin-bottom: 30px; }
p.error { font-size: 28px; margin-bottom: 30px; }
a.error { font-size: 22px; padding: 20px 50px; }
.navbar-default .navbar-toggle { background-color: #1a242f; }
.navbar-top, .navbar-absolute-bottom { z-index: 1030; }
.navbar-brand { padding: 0; z-index: 1; }
.navbar-default { background-color: #ffffff; border-color: transparent; }
.navbar { text-transform: normal; font-weight: 300; margin-bottom: 0; min-height: 40px;/* z-index: 9999; */ }
.navbar-default .navbar-brand { color: #000000; }
.navbar-default .navbar-nav>li>a { color: #2d2d2d; font-weight: 300; line-height: 37px; }
.navbar-default-sub .navbar-nav>li>a { color: #2d2d2d; font-weight: 300; line-height: 80px; }
.navbar-default .navbar-nav .fa-chevron-down { margin-left: 8px; font-size: 11px; position: relative; bottom: 1px; }
.navbar a:focus { outline: 0; }
.navbar .navbar-nav { letter-spacing: 1px; }
.navbar .navbar-nav li a:focus { outline: 0; }
.navbar-default, .navbar-inverse { border: 0; border-radius: 0; }
.nav>li>a { position: relative; display: block; padding: 0 10px; }
.nav-container-home { z-index: 9999; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #428bca; background-color: transparent; }
.dropdown-menu { border-radius: 0; padding: 0; border: 0; min-width: 240px; top: 100%; }
.navbar-default .nav li:hover > .dropdown-menu { display: block; background: #ffffff; left: 0; right: auto; }
.dropdown-menu > li { border-bottom: 1px solid #e6e7e8; }
.navbar-default .navbar-home .dropdown-menu li:hover > a, .navbar-default .navbar-home .dropdown-menu li:focus > a { border-bottom: none; }
.navbar-default .nav .dropdown-menu > li > a { color: #000000; padding: 10px 20px; border-bottom: none; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { border: 0 !important; background: #000; color: #ffffff !important; padding-bottom: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
section { padding: 100px 0; background: #fff; }
section.nav-container { padding: 5px 0; z-index: 9999; }
section.subpage { padding: 0; background: #fff; }
.subpage .container { padding-top: 40px; position: relative; padding-bottom: 40px; }
section#search, section#compare, section#connect { padding: 25px 0 50px 0; background: #fff; }
section h2 { margin: 0; font-size: 32px; }
section h3 { margin: 0; font-size: 26px; }
.typeahead h3 { font-size: 20px; margin: 20px 0 }
.typeahead ul { font-size: 20px; margin: 20px 0; font-weight: 300; }
section.banner { color: #fff; }
section.banner a, section.banner a:hover, section.banner a:focus, section.banner a:active, section.banner a.active { outline: 0; color: #fff; }
.subpage h1, .subpage h2, .subpage h3, .subpage h4, .subpage h5 { margin: 30px 0; line-height: 40px; }
.subpage h3, .subpage h4, .subpage h5 { font-weight: 300; line-height: 40px; }
.subpage h5 { font-size: 16px; font-weight: 300; line-height: 30px; }
.subpage ul { margin-left: 20px }
.subpage ul li h5 { margin: 10px }
.subpage p { margin: 30px 0; font-weight: 300; }
.subpage .border-right { border-right: 1px solid #ddd; padding-right: 100px; }
.subpage-banner img { width: 100%; }
.btn-outline { margin-top: 15px; border: solid 2px #fff; font-size: 20px; color: #fff; background: 0 0; transition: all .3s ease-in-out; }
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active { border: solid 2px #fff; color: #18bc9c; background: #fff; }
.floating-label-form-group { position: relative; margin-bottom: 0; padding-bottom: .5em; border-bottom: 1px solid #eee; }
.floating-label-form-group input, .floating-label-form-group textarea { z-index: 1; position: relative; padding-right: 0; padding-left: 0; border: 0; border-radius: 0; font-size: 1.5em; background: 0 0; box-shadow: none!important; resize: none; }
.floating-label-form-group label { display: block; z-index: 0; position: relative; top: 2em; margin: 0; font-size: .85em; line-height: 1.764705882em; vertical-align: middle; vertical-align: baseline; opacity: 0; -webkit-transition: top .3s ease, opacity .3s ease; -moz-transition: top .3s ease, opacity .3s ease; -ms-transition: top .3s ease, opacity .3s ease; transition: top .3s ease, opacity .3s ease; }
 .floating-label-form-group::not(:first-child) {
 padding-left: 14px;
 border-left: 1px solid #eee;
}
.floating-label-form-group-with-value label { top: 0; opacity: 1; }
.floating-label-form-group-with-focus label { color: #18bc9c; }
form .row:first-child .floating-label-form-group { border-top: 1px solid #eee; }
footer { color: #fff; position: relative; z-index: -1; }
footer h3 { margin-bottom: 30px; }
footer .footer-above { padding-top: 50px; background-color: #2c3e50; }
footer .footer-col { margin-bottom: 50px; }
footer .footer-below { padding: 25px 0; background-color: #233140; }
.btn-social { display: inline-block; width: 50px; height: 50px; border: 2px solid #fff; border-radius: 100%; text-align: center; font-size: 20px; line-height: 45px; }
.btn:focus, .btn:active, .btn.active { outline: 0; }
.scroll-top { z-index: 1049; position: fixed; right: 2%; bottom: 2%; width: 50px; height: 50px; }
.scroll-top .btn { width: 50px; height: 50px; border-radius: 100%; font-size: 20px; line-height: 28px; }
.scroll-top .btn:focus { outline: 0; }
.nopadding { padding: 0; }
.utilsNav { background: #d6311e; }
.utilsMenu ul { padding: 10px 0 0 0; display: inline-block; margin-bottom: 5px; }
.utilsMenu ul li { float: left; color: #fff; list-style: none; margin: 0 35px; }
.utilsMenu ul li a { color: #fff; }
#search_container { position: relative; top: 8px; z-index: 99; }
.hotel-search { margin: 10px 0; }
.hotel-search .search_submit_button { right: 15px; }
.product-icon { display: block; background: url(../img/iconProductCatalog.png) no-repeat center center; height: 45px; width: 32px; margin: 0 auto 10px auto; }
.qualifications-icon { display: block; background: url(../img/iconQualification.png) no-repeat center center; height: 45px; width: 32px; margin: 0 auto 10px auto; }
.sub-search { margin-top: 5px; }
.sub-search.form-control { height: 50px }
.col-sm-8.col-md-7.col-md-offset-1.sub-search { }
.hotel-icon { display: block; background: url(../img/iconHotels.png) no-repeat center center; height: 45px; width: 32px; margin: 0 auto 10px auto; }
.hiring-icon { display: block; background: url(../img/iconJobs.png) no-repeat center center; height: 45px; width: 32px; margin: 0 auto 10px auto; }
section.banner { text-align: center; color: #fff; position: relative; }
.heading { margin: 30px 0; font-size: 3.5em; color: #000; font-weight: 800; border-bottom: 1px solid #ccc; padding: 0 0 20px 0; }
.sub-heading { margin: 0; color: #656565; font-size: 1.15em; font-weight: 300; text-transform: none; line-height: 28px; }
h3.sub-heading { }
.red-heading { color: #d6311e; font-size: .35em; text-transform: none; letter-spacing: .1em; font-weight: 300; }
section.compare-feature { text-align: center; color: #fff; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; min-height: 500px; }
section.connect-feature { text-align: center; color: #fff; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; min-height: 500px; }
.intro-text { margin-bottom: 5px; position: relative; }
.intro-text h1 { color: #fff; font-size: 48px; margin: 0; }
.intro-text h2 { color: #fff; font-size: 18px; font-weight: 200; margin: 0; }
.form-control { display: inline-block; width: 100%; height: 55px; padding: 10px 15px; font-size: 14px; line-height: 1.42857143; color: #acabab; background-color: #ffffff; background-image: none; border: 1px solid #ddd; border-radius: 0; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-appearance: none; vertical-align: bottom; font-weight: 300; }
.form-control:focus { border: 1px solid #ddd; }
.home-search { margin-top: 5px; }
.slogan { font-size: 8px !important; position: relative; bottom: 6px; }
.search_submit_button { display: inline-block; background: #fff126 url(../img/iconSearch.png) no-repeat; margin-left: -80px; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 10pt; width: 80px; min-height: 55px; border: none; /* -webkit-border-radius: 8px; */ -moz-border-radius: 8px; /* border-radius: 8px; */ text-transform: uppercase;/* border-top-right-radius: 8px; *//* border-bottom-right-radius: 8px; */ text-indent: 99999px; position: relative; bottom: 0;/* right: 0; */ }
.search_submit_sub { min-height: 48px; background: #fff126 url(../img/iconSearch.png) 0 -2px no-repeat; bottom: 1px; margin-left: -81px; }
.hotel-search-input { right: 15px; position: absolute; }
.category-btn { color: #ffffff; background-color: #292929; border-color: #292929; padding: 17px 20px; text-align: left; border-radius: 8px; font-weight: 300; ; ; ; width: 90%; }
.category-icon { display: inline-block; width: 22px; height: 21px; vertical-align: middle; background: url(../img/category-search-icon.png) no-repeat center center; margin-left: 45px; }
.category-menu { background-color: #292929; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); -webkit-background-clip: padding-box; background-clip: padding-box; margin: -5px 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.category-menu>li>a { display: block; padding: 10px 20px; color: #fff; }
.category-menu > li { border-bottom: 1px solid #000; }
.keep-open { margin-top: 20px; }
.carousel .item { min-height: 560px; background-repeat: no-repeat; background-size: cover; }
.carousel-fade .carousel-inner .item { opacity: 0.4; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
.intro-text a { color: #fff126; }
.intro-text a:hover { text-decoration: none; color: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.intro-text a:focus { text-decoration: none; color: #fff126; }
.voucher { position: absolute; top: -15px; /* z-index: 1029; */ right: 0; }
.affix { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
.leaderboard-ad-top { margin: 5px 0; text-align: center; background: #eff0f1; }
.leaderboard-ad.sub { margin: 0 0 50px 0; text-align: center; background: #eff0f1; }
.search-form { padding: 0; background: #2b2b2b; z-index: 25; }
.typeahead-container { background: white; text-align: left; width: 96.4%; border: 1px solid #ddd; position: absolute; z-index: 9999; margin-top: -1px; }
.typeahead-container ul li { list-style: none; }
.typeahead { padding: 0 1em 1em 1em; height: 100%; }
#map-canvas { height: 250px; border: 5px solid #e1e2e2; width: 300px; margin: 0 0 30px 0; }
.bigbox { margin: 0 0 30px 0; }
.comp h5 { font-weight: normal; font-size: 1em; text-transform: none; }
.search-result { /* border-top: 1px solid #ecf0f1; */ padding-top: 1em; background: #fff; margin: 12px 0; padding: 20px; border-radius: 3px; box-shadow: 0 2px 2px -1px rgba(0,0,0,0.2); }
.search-result:last-child { border-bottom: 1px solid grey; }
.collapsed { background: url(plus.png) no-repeat left center; padding-left: 2em; }
.expanded { background: url(minus.png) no-repeat left center; padding-left: 2em; }
.breadcrumb { padding: 15px 15px; margin: 40px 0; background: none; list-style: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 0; }
ul.breadcrumb a i { color: #000; font-size: 12px; bottom: 3px; position: relative; }
.pager li>a, .pager li>span { display: inline-block; padding: 5px 14px; background: none; border: 1px solid transparent; border-radius: 0; border: 1px solid #ccc; color: #000; margin: 0 2px; }
.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span { background-color: #000; }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 2; color: #ffffff; background-color: #000; border-color: transparent; cursor: default; }
.pager li>a:hover, .pager li>a:focus { text-decoration: none; background-color: #ccc; }
h1.result-heading { font-size: 1.6em; margin-top: 0; }
.result-description { padding-bottom: 1em; }
.result-holder { }
.result-listing { width: 60%; float: right; }
.result-listing h4 { font-weight: 500; margin: 10.5px 0; }
.result-listing.comp h4 { font-size: 16px; font-weight: 400; }
.result-logo { float: left; margin-right: 20px; width: 32%; border-right: 1px solid #ecf0f1; min-height: 135px; position: relative; }
.result-logo img { max-width: 150px; margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); padding-right: 20px; }
.compare-btn { display: inline-block; float: right; }
.resultcount-holder { display: inline-block; }
.resultcount-holder p { padding: 12px 0; margin: 0; }
.guidednav-holder h4 { margin-bottom: 20px; font-size: 20px; }
.guidednav-holder { margin: 40px 0; }
.guidednav-holder ul { margin: 0; padding: 0; }
.guidednav-holder ul li { list-style: none; font-weight: 300; font-size: 14px; }
.remove { width: 12px; height: 12px; background: url(x.png) no-repeat; display: inline-block; }
.index section img { /* max-width: 135px; */ /* position: relative; */ /* top: 38px; */ }
.click-to-call { outline: 0; color: #428BCF; }
/* SIDEBAR ACCORDION MENU */
.guidednav-holder .transition, .guidednav-holder ul, .guidednav-holder ul li i:before, .guidednav-holder ul li i:after { transition: all 0.25s ease-in-out; }
.guidednav-holder .flipIn, .guidednav-holder ul li { animation: flipdown 0.5s ease both; }
.guidednav-holder .no-select, .guidednav-holder h5 { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.guidednav-holder h5 { margin: 0; font-size: 13px; }
.guidednav-holder ul li ul { position: relative; overflow: auto; max-height: 800px; opacity: 1; transform: translate(0, 0); z-index: 2; }
.guidednav-holder ul { list-style: none; perspective: 900; padding: 0; margin: 0; }
.guidednav-holder ul li { position: relative; padding: 0; margin: 0; padding-bottom: 14px; padding-top: 18px; background-color: #fff; background: -moz-linear-gradient(top, #fff 1%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff), color-stop(100%, #eaeaea)); background: -webkit-linear-gradient(top, #fff 1%, #eaeaea 100%); background: -o-linear-gradient(top, #fff 1%, #eaeaea 100%); background: -ms-linear-gradient(top, #fff 1%, #eaeaea 100%); background: linear-gradient(top, #fff 1%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eaeaea', GradientType=0 );
box-shadow: 0 0 0 1px rgba(155,155,155,0.3), 1px 0 0 rgba(255,255,255,0.9) inset, 0 2px 2px rgba(0,0,0,0.1); padding-left: 15px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#eaeaea)"; }
.guidednav-holder ul { /* margin-top: 10px; */ }
.guidednav-holder ul li ul li { border: none; padding: 8px; font-weight: 400; background: none; box-shadow: none; }
.guidednav-holder ul li:nth-of-type(1) { animation-delay: 0.5s; }
.guidednav-holder ul li:nth-of-type(2) { animation-delay: 0.75s; }
.guidednav-holder ul li:nth-of-type(3) { animation-delay: 1s; }
.guidednav-holder ul li:nth-of-type(4) { animation-delay: 1.5s; }
.guidednav-holder ul li:nth-of-type(5) { animation-delay: 1.75s; }
.guidednav-holder ul li:nth-of-type(6) { animation-delay: 2s; }
.guidednav-holder ul li:last-of-type { /* padding-bottom: 0; */ }
.guidednav-holder ul li i { position: absolute; transform: translate(-6px, 0); margin-top: 2px; right: 20px; }
.guidednav-holder ul li i:before, .guidednav-holder ul li i:after { content: ""; position: absolute; background-color: #d6311e; width: 3px; height: 9px; }
.guidednav-holder ul li i:before { transform: translate(-2px, 0) rotate(45deg); -webkit-transform: translate(-2px, 0) rotate(45deg); -ms-transform: translate(-2px, 0) rotate(45deg); }
.guidednav-holder ul li i:after { transform: translate(2px, 0) rotate(-45deg); -webkit-transform: translate(2px, 0) rotate(-45deg); -ms-transform: translate(2px, 0) rotate(-45deg); }
.guidednav-holder ul li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; }
.guidednav-holder ul li input[type=checkbox]:checked ~ ul { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); }
.guidednav-holder ul li input[type=checkbox]:checked ~ i:before { transform: translate(2px, 0) rotate(45deg); -webkit-transform: translate(2px, 0) rotate(45deg); -ms-transform: translate(2px, 0) rotate(45deg); }
.guidednav-holder ul li input[type=checkbox]:checked ~ i:after { transform: translate(-2px, 0) rotate(-45deg); -webkit-transform: translate(-2px, 0) rotate(-45deg); -ms-transform: translate(-2px, 0) rotate(-45deg); }
 @keyframes flipdown { 0% {
 opacity: 0;
 transform-origin: top center;
 transform: rotateX(-90deg);
}
 5% {
 opacity: 1;
}
 80% {
 transform: rotateX(8deg);
}
 83% {
 transform: rotateX(6deg);
}
 92% {
 transform: rotateX(-3deg);
}
 100% {
 transform-origin: top center;
 transform: rotateX(0deg);
}
}
/* LISTING ACCORDION MENU */

.listing-accordian { margin: 0 0 20px 0; }
.listing-accordian h4 { margin-left: 20px; font-size: 17px; margin: 10.5px 0; }
.listing-accordian .transition, .listing-accordian ul, .listing-accordian ul li i:before, .listing-accordian ul li i:after { transition: all 0.25s ease-in-out; }
.listing-accordian .flipIn, .listing-accordian ul li { animation: flipdown 0.5s ease both; }
.listing-accordian .no-select, .listing-accordian h5 { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.listing-accordian h5 { margin: 0; font-size: 13px; }
.listing-accordian ul { list-style: none; perspective: 900; padding: 0; margin: 0; }
.listing-accordian ul li { position: relative; padding: 10px 0 0 0; border-radius: 3px; margin: 0 0 10px 0; background: #fff; box-shadow: 0 2px 2px -1px rgba(0,0,0,0.2); }
.listing-accordian ul li ul { position: relative; padding: 3px 0; border-radius: 3px; margin: 20px 0 0 0; box-shadow: none; background: none; max-height: 800px; opacity: 1; transform: translate(0, 0); z-index: 2; border-top: 1px dotted #ccc; }
.listing-accordian ul li ul li { position: relative; padding: 10px 20px; border-radius: 3px; margin: 0; box-shadow: none; background: none; }
.listing-accordian ul { margin-top: 0; }
.listing-accordian ul li ul li { border: none; padding: 8px; font-weight: 400; }
.listing-accordian ul li:nth-of-type(1) { animation-delay: 0.5s; }
.listing-accordian ul li:nth-of-type(2) { animation-delay: 0.75s; }
.listing-accordian ul li:nth-of-type(3) { animation-delay: 1s; }
.listing-accordian ul li:nth-of-type(4) { animation-delay: 1.5s; }
.listing-accordian ul li:nth-of-type(5) { animation-delay: 1.75s; }
.listing-accordian ul li:nth-of-type(6) { animation-delay: 2s; }
.listing-accordian ul li:last-of-type { /* padding-bottom: 10px; */ }
.listing-accordian ul li i { position: absolute; transform: translate(-6px, 0); margin-top: 15px; right: 20px; }
.listing-accordian ul li i:before, .listing-accordian ul li i:after { content: ""; position: absolute; background-color: #c41f2b; width: 3px; height: 9px; }
.listing-accordian ul li i:before { transform: translate(-2px, 0) rotate(45deg); -webkit-transform: translate(-2px, 0) rotate(45deg); -ms-transform: translate(-2px, 0) rotate(45deg); }
.listing-accordian ul li i:after { transform: translate(2px, 0) rotate(-45deg); -webkit-transform: translate(2px, 0) rotate(-45deg); -ms-transform: translate(2px, 0) rotate(-45deg); }
.listing-accordian ul li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; }
.listing-accordian ul li input[type=checkbox]:checked ~ ul { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); }
.listing-accordian ul li input[type=checkbox]:checked ~ i:before { transform: translate(2px, 0) rotate(45deg); -webkit-transform: translate(2px, 0) rotate(45deg); -ms-transform: translate(2px, 0) rotate(45deg); }
.listing-accordian ul li input[type=checkbox]:checked ~ i:after { transform: translate(-2px, 0) rotate(-45deg); -webkit-transform: translate(-2px, 0) rotate(-45deg); -ms-transform: translate(-2px, 0) rotate(-45deg); }
 @keyframes flipdown { 0% {
 opacity: 0;
 transform-origin: top center;
 transform: rotateX(-90deg);
}
 5% {
 opacity: 1;
}
 80% {
 transform: rotateX(8deg);
}
 83% {
 transform: rotateX(6deg);
}
 92% {
 transform: rotateX(-3deg);
}
 100% {
 transform-origin: top center;
 transform: rotateX(0deg);
}
}
/* LISTING PAGE */
.listing-logo { background: #fff; width: 200px; height: 200px; float: left; margin-right: 20px; position: relative; border: 1px solid #dedede; }
.listing-logo img { max-width: 100%; margin: 0; position: relative; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 20px; margin: 0 auto; display: block; }
.listing-info { background: #f4f4f4; margin: 15px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding-top: 8px; }
.listing-info .fa-phone, .listing-info .fa-globe, .listing-info .fa-envelope { font-size: 22px; position: relative; top: 3px; margin-right: 5px; }
.extra-padding { padding: 0 20px; }
.listing-locations { border-top: 1px solid #ecf0f1; background: #fff; margin: 0 0 20px 0; padding: 20px; border-radius: 3px; box-shadow: 0 2px 2px -1px rgba(0,0,0,0.2); }
.listing-ad { border-top: 1px solid #ecf0f1; background: #fff; margin: 0 0 20px 0; padding: 20px; border-radius: 3px; box-shadow: 0 2px 2px -1px rgba(0,0,0,0.2); }
.listing-locations h3 { margin: 0 0 10px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #ccc; }
/* Show only 4 lines in smaller screens */
article { max-height: 2.6em; overflow: hidden; }
.company-info { border-top: 1px solid #ecf0f1; */ padding-top: 1em; background: #fff; margin: 0 0 20px 0; padding: 20px 0; border-radius: 3px; box-shadow: 0 2px 2px -1px rgba(0,0,0,0.2); }
.profile-map #map-canvas { height: 255px; border: 5px solid #e1e2e2; width: 100%; margin: 0 0 20px 0; }
.zoom-gallery { background: #fff; margin: 0 0 20px 0; padding: 20px 20px 5px 20px; border-radius: 3px; box-shadow: 0 2px 2px -1px rgba(0,0,0,0.2); }
.owl-item { margin-right: 10px; }
.index-link { line-height: 1em; height: 3.5em; border-top: 1px solid #ecf0f1; background: #fff; margin: 20px 0; padding: 5px 20px 5px 20px; border-radius: 3px; box-shadow: 0 2px 2px -1px rgba(0,0,0,0.2); width: 100%; display: table-cell; vertical-align: middle; }
.landing-page-ad { margin-bottom: 2em; max-width: 300px;}
.listing-description a { margin-top: 10px }
#provinces { max-height: 232px; overflow: auto; }
.listing-social a { margin-right: 5px }
.listing-utility { margin: 20px 0; }
.listing-description h4 { border-bottom: 1px dotted #ccc; padding-bottom: 15px; margin-bottom: 19px; margin-top: 10.5px; }
.listing-description p { }
/* Owl Carousel */
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; }
.owl-carousel .item-video { }
.owl-theme .owl-controls { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#owl-demo .item { margin: 3px; }
#owl-demo .item img { display: block; width: 50%; height: auto; }
.owl-theme .owl-controls .owl-page { display: inline-block; }
.owl-theme .owl-controls .owl-page span { background: none repeat scroll 0 0 #869791; border-radius: 20px; display: block; height: 12px; margin: 5px 7px; opacity: 0.5; width: 12px; }
.play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../img/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; }
/* Zoom Gallery */

.image-source-link { color: #98C3D1; }
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #c41f2b; }
.company-info .btn-primary { color: #ffffff; background-color: #c41f2b; border-color: #b62c1c; width: 100%; margin: 0 0 10px 0; }
.company-info .btn-primary:hover { background-color: #000; border-color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.company-info i { margin-right: 5px; font-size: 17px; }
.company-info h3 { margin: 0; font-size: 24px; }
.company-info h5 { margin: 10.5px 0; }
.company-btns p { margin: 10.5px 0; }
.listing-locations ul li { list-style: none; margin: 10px 0; }
#homepage-searchbox label { display: inline-block; max-width: 100%; margin-top: 20px; font-weight: 300; text-transform: uppercase; }
/* COMPARE PAGE */

.compare-listings { background: #fff; margin: 12px 0; padding: 20px 0; border-radius: 3px; box-shadow: 0 2px 2px -1px rgba(0,0,0,0.2); }
.compare-listings ul { padding-left: 20px }
.compare-section { border-bottom: 2px solid #eff0f1; padding: 20px; }
.compare-section:nth-child(even) { background: #fff; }
.select-compare { margin: 20px auto; width: 33%; }
.compare-heading { padding: 10px 20px 0 20px; }
.major-category, .qualification { right: 0; text-align: center; display: table; margin: 5px 0; }
.btn-primary { color: #ffffff; background-color: #c41f2b; border-color: #d6311e; }
.btn-sub { padding: 0 10px; font-size: 14px; }
.btn-home { padding: 5px 20px; }
.btn-primary:hover { color: #ffffff; background-color: #000; border-color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.listing-phone a { font-size: 15px; }
.listing-phone .fa-phone { font-size: 18px; }
.listing-category-icon { background: url("../img/category-icon.png") no-repeat; width: 48px; height: 48px; display: block; float: left; margin-right: 20px; margin-top: -6px; margin-left: 3px; }
.products-services-icon { background: url("../img/produc-services-icon.png") no-repeat; width: 48px; height: 48px; display: block; float: left; margin-right: 20px; margin-top: -6px; margin-left: 3px; }
.additional-info-icon { background: url("../img/additional-info-icon.png") no-repeat; width: 48px; height: 48px; display: block; float: left; margin-right: 20px; margin-top: -6px; margin-left: 3px; }
.prequal-icon { background: url("../img/prequal-icon.png") no-repeat; width: 48px; height: 48px; display: block; float: left; margin-right: 20px; margin-top: -6px; margin-left: 3px; }
.certification-icon { background: url("../img/certification-icon.png") no-repeat; width: 48px; height: 48px; display: block; float: left; margin-right: 20px; margin-top: -6px; margin-left: 3px; }
.organization-icon { background: url("../img/orginization-icon.png") no-repeat; width: 48px; height: 48px; display: block; float: left; margin-right: 20px; margin-top: -6px; margin-left: 3px; }
.garmin-banner { background: #f4ede1 url(../img/garmin-banner.jpg) no-repeat center center; /* -webkit-background-size: cover; */ -moz-background-size: cover; /* background-size: cover; */ -o-background-size: cover; min-height: 378px; }
.garmin-btn { text-align: center; }
h4.modal-title { margin: 5px 0 }
.modal-header .close { margin-top: 5px; }
.modal-body { padding: 0 20px }
.modal-body h5 { margin: 20px 0; font-weight: 300; }
.modal-body ol { font-size: 1.1em; font-weight: 300; line-height: 30px; }
.modal-body .form-control { height: 45px; }
#pluginStatus { margin-top: 20px; font-size: 1em; font-weight: 300; line-height: 30px; }
.about-banner { background: #e9e8e8 url(../img/COSSD-about-banner.jpg) no-repeat center center; /* -webkit-background-size: cover; */ -moz-background-size: cover; /* background-size: cover; */ -o-background-size: cover; min-height: 378px; }
.contact-banner { background: url(../img/contact-us-banner.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; min-height: 378px; }
.digital-banner { background: url(../img/digital-edition-banner.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; min-height: 378px; }
.service-banner { background: url(../img/service-outlook-banner.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; min-height: 378px; }
.supplychain-banner { background: url(../img/well-photo.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; min-height: 378px; }
.company-banner { background: url(../img/add-company-banner.jpg) no-repeat center center; /* -webkit-background-size: cover; */ -moz-background-size: cover; /* background-size: cover; */ -o-background-size: cover; min-height: 378px; }
.advertise-banner { background: url(../img/advertise-banner.jpg) no-repeat center center; /* -webkit-background-size: cover; */ -moz-background-size: cover; /* background-size: cover; */ -o-background-size: cover; min-height: 378px; }
.drilling-banner { background: url(../img/drilling-banner.jpg) no-repeat center center; /* -webkit-background-size: cover; */ -moz-background-size: cover; /* background-size: cover; */ -o-background-size: cover; min-height: 378px; }
.banner-content { width: 50%; position: absolute; right: 0; color: #fff; top: 90px; padding: 0 40px; background-color: rgba(0, 0, 0, 0.7); }
.banner-content h1 { color: #fff; font-size: 36px; }
.banner-content h5 { color: #fff; }
.banner-content-left { width: 45%; position: absolute; left: 5%; color: #000; top: 90px; padding: 0 40px; }
.banner-content-left h1 { font-size: 46px; line-height: 60px }
.company-icons { text-align: center; }
.company-icons div { margin: 5px 0 }
.company-icons p { margin: 0; text-align: center; }
/* About Us Timeline */
.timeline-header { text-align: center; margin-left: 30px; }
.timeline-header h1 { font-size: 40px; color: #f82d17; margin-bottom: 60px; }
.timeline-header h2 { margin: 20px 0; font-size: 18px; font-weight: 100; }
.timeline-header h3 { margin: 0; font-size: 60px; font-weight: 800; margin: 30px 0; }
section.timeline { background: url(../img/timeline-BG.jpg) repeat center center fixed; }
#cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em; }
#cd-timeline::before { /* this is the vertical line */ content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 42px; background: url('../img/timeline.png') repeat-y; }
.trail-right { background: url(../img/timeline-trail-right.png) no-repeat center center; width: 75px; height: 13px; margin-left: 10px; position: absolute; right: -25%; top: 45%; }
.trail-left { background: url(../img/timeline-trail-left.png) no-repeat center center; width: 75px; height: 13px; margin-left: 5px; position: absolute; left: -26%; top: 48%; }
.cd-timeline-block-bottom { margin: 0; }
.cd-timeline-block-bottom h2 { font-size: 60px; }
.cd-timeline-block-bottom p { font-size: 16px; font-size: 1.50rem; font-weight: 300; }
.cd-timeline-img-bottom { width: 12%; margin: -8px auto 0 auto; padding-left: 15px; }
.cd-timeline-content-bottom { width: 30%; text-align: center; margin: 0 auto; padding-left: 30px; }
.cd-timeline-img-left { position: absolute; top: 5%; }
.cd-timeline-img-right { position: absolute; top: 5%; }
.cd-timeline-img img-left { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; }
.cd-timeline-img img-right { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; }
.cd-timeline-img-left.cd-picture { background: #75ce66; }
.cd-timeline-img-right.cd-picture { background: #75ce66; }
.cd-timeline-img-left.cd-movie { background: #c03b44; }
.cd-timeline-img-right.cd-movie { background: #c03b44; }
.cd-timeline-img-left.cd-location { background: #f0ca45; }
.cd-timeline-img-right.cd-location { background: #f0ca45; }
 @-webkit-keyframes cd-bounce-1 { 0% {
 opacity: 0;
 -webkit-transform: scale(0.5);
}
 60% {
 opacity: 1;
 -webkit-transform: scale(1.2);
}
 100% {
 -webkit-transform: scale(1);
}
}
@-moz-keyframes cd-bounce-1 { 0% {
 opacity: 0;
 -moz-transform: scale(0.5);
}
 60% {
 opacity: 1;
 -moz-transform: scale(1.2);
}
 100% {
 -moz-transform: scale(1);
}
}
@keyframes cd-bounce-1 { 0% {
 opacity: 0;
 -webkit-transform: scale(0.5);
 -moz-transform: scale(0.5);
 -ms-transform: scale(0.5);
 -o-transform: scale(0.5);
 transform: scale(0.5);
}
 60% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -ms-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
}
.cd-timeline-content { position: relative; margin-left: 130px; padding: 1em; border: 2px solid #000; }
.cd-timeline-content:before { content: " "; position: absolute; z-index: 1; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px solid #000; }
.cd-timeline-content:after { content: ""; display: table; clear: both; }
.cd-timeline-content h2 { color: #f82d18; }
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; }
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; }
.cd-timeline-content p { margin: 1em 0; line-height: 1.6; }
.cd-timeline-content .cd-read-more { float: right; padding: .8em 1em; background: #acb7c0; color: white; border-radius: 0.25em; }
.no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb; }
.cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7; }
 @-webkit-keyframes cd-bounce-2 { 0% {
 opacity: 0;
 -webkit-transform: translateX(-100px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(20px);
}
 100% {
 -webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-bounce-2 { 0% {
 opacity: 0;
 -moz-transform: translateX(-100px);
}
 60% {
 opacity: 1;
 -moz-transform: translateX(20px);
}
 100% {
 -moz-transform: translateX(0);
}
}
@keyframes cd-bounce-2 { 0% {
 opacity: 0;
 -webkit-transform: translateX(-100px);
 -moz-transform: translateX(-100px);
 -ms-transform: translateX(-100px);
 -o-transform: translateX(-100px);
 transform: translateX(-100px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(20px);
 -moz-transform: translateX(20px);
 -ms-transform: translateX(20px);
 -o-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes cd-bounce-2-inverse { 0% {
 opacity: 0;
 -webkit-transform: translateX(100px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(-20px);
}
 100% {
 -webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-bounce-2-inverse { 0% {
 opacity: 0;
 -moz-transform: translateX(100px);
}
 60% {
 opacity: 1;
 -moz-transform: translateX(-20px);
}
 100% {
 -moz-transform: translateX(0);
}
}
@keyframes cd-bounce-2-inverse { 0% {
 opacity: 0;
 -webkit-transform: translateX(100px);
 -moz-transform: translateX(100px);
 -ms-transform: translateX(100px);
 -o-transform: translateX(100px);
 transform: translateX(100px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(-20px);
 -moz-transform: translateX(-20px);
 -ms-transform: translateX(-20px);
 -o-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
}
.grey { background: #f4f8f9; padding: 45px; }
.outlook-de {border: 5px solid #eee;}