/**
 * Theme Name: Top Day Tours
 * Description: Bootstrap 3
 */

.clearfix{  clear: both; }
.center{ text-align: center; }
.left{ text-align: left;}
.right{ text-align: right;}
.justify{ text-align: left;}
.text-justify { text-align: left;}
.nopadding { padding: 0 !important;}
.nopaddingleft { padding-left: 0 !important;}
.nopaddingright { padding-right: 0 !important;}
.nomargin{ margin: 0 !important;}
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block;margin: auto; }
.spcolor{ color:#c01700;}
.widthfull, .fullwidth { width: 100%; }
.alignleft {float: left; margin-right: 10px; margin-bottom: 20px;}
.alignright { float: right; margin-left: 10px;}
.aligncenter { display: block; margin: auto; }
.cuspadding { padding: 0 9%; }
.cusmargin { margin: 0 9%; }
.table-responsive { border:0 !important; }
.imgcenter { margin-left: auto !important; margin-right: auto !important; }
.table-responsive h3 { font-weight: 600; }
.table-responsive h3.thistitle { font-size: 26px; font-weight: 900; margin-bottom: 20px; } 
.easeme { -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out; }


/*start header*/
body { font-family: 'Open Sans', sans-serif !important; font-size: 16px !important;}
#header .header-img { position: relative;}
#header .header-text-cont { position: relative; }  
#header .header-text { position: absolute; bottom:0; left:0; width: 100%; color:#fff; background: rgba(0,0,0, 0.8); font-size: 80px; line-height: 80px; font-weight: 100;}
#sub-header-cont .sub-header { opacity:0.75; font-size: 28px; color: #fff; letter-spacing: 4.5px; font-weight: bold;}
#trail-cont .trail{ background: #fff; padding: 25px 0 5px 0; border-bottom: 1px solid #005B7F; margin-bottom: 15px;}
#trail-cont .trail .breadcrumb { margin: 0; padding: 0; background: #fff; }
#trail-cont .trail .time { font-size: 16px; font-weight: 300; }
#trail-cont .trail .time span { padding-left: 15px; }
/*end header */

/*start of page-cont*/
#page-cont .page { overflow: hidden; }
#page-cont{ margin-bottom: 2px;  }
#page-cont .page .imgcontrol { max-height: 220px; margin-bottom: 20px; }
#page-cont .page .tour-img-cont { margin: 10px; position: relative; }
#page-cont .page .tour-img-cont img.tour-img{ min-height: 220px; max-height: 220px; }
#page-cont .page .tour-img-cont .tour-text-cont { position: absolute; bottom:0; left:0; right:0; background: rgba(0,186,255,0.75); color:#fff; font-weight: 600; font-size: 22px; text-shadow: 3px 4px 9px rgba(0, 0, 0, 0.77); padding: 10px 0; }
#page-cont .page .tour-img-cont:hover .tour-text-cont { background: rgba(3,144,197,0.75); cursor: pointer;}
#page-cont .page .secondtr { margin-top: 30px; }
/*end of page-cont*/

/*start of tours*/
#tours-cont .tour .subtour-cont { margin: 20px 0; }
#tours-cont .tour, #contact-cont .tour { margin-bottom: 15px; overflow: hidden; }
#tours-cont .tour .subtour-cont .subtour-img-cont { margin: 10px 10px 10px 0; }
#tours-cont .tour .subtour-cont .subtour-text-cont { background: rgba(0,186,255,0.75); padding: 0px 0; margin-top: 10px; width: 100%; }
#tours-cont .tour .subtour-cont .subtour-text-cont.subtour-text-cont1 { display:none; }
#tours-cont .tour .subtour-cont .subtour-text-cont a{ width: 100%; display: inline-block; text-decoration: none; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.77); color:#fff; font-size: 18px; font-weight: 700;}
#tours-cont .tour .subtour-cont .subtour-text-cont:hover { background: rgba(3,144,197,0.75); }
#tours-cont .tour .subtour-cont .subtour-img-cont .subtour-img { max-width: 320px; max-height:220px; }
#tours-cont .tour .subtour-cont .subtour-text { margin-top: 15px; font-size: 16px; margin-bottom: 15px; text-align:left ;}
#tours-cont .tour .subtour-cont a{ font-size: 16px; text-decoration: underline; padding: 15px 0; }
#tours-cont .secondtext { margin: 50px 0 30px; }
#tours-cont  .package { background: #c9cac8; border-radius: 10px; margin: 0 0 15px 0; padding:20px;}
#tours-cont .title { font-size: 32px; font-weight: bolder; }
#tours-cont .tour tbody { border:1px solid #000; }
.table-responsive table { padding: 15px 0; margin-right: auto; margin-left: auto; width: 100% !important;}
.table-responsive table td { background-color: #dfdfff; border:1px solid gray; }
/*end of tours*/

/*start contact-cont*/

#form{ background: #005B7F; padding: 20px;  color: #fff; font-size: 14px; display: flex; /*margin-bottom: 30px;*/ }
#form .pull-right-me{ float:right; }
#form .col-lg-6, #form .col-md-6,#form .col-sm-6, #form .col-xs-6, #form .col-lg-5, #form .col-md-5, #form .col-sm-5, #form .col-lg-7, #form .col-md-7, #form .col-sm-7 { margin-bottom: 15px; padding: 0; }
#form .datemargin { margin-bottom: 0; }
#form textarea { resize:none; }
#form textarea, #form select, #form input { color:#000; font-size: 15px;}
#form .form-control { border-radius: 0; outline: none; }
#form .classsubmit { border-radius: 0; outline: none; background: #00AEEF; width: 150px; height: 40px; color: #fff; font-size: 16px; }
#form .classsubmit:hover { background: #0c89b8; }
#form .classday, #form .classdayd { margin-left:15px; width: 90% !important; }
#form .classports label { width: 35%; }
#form #idinterested label { width:45%; margin: 3px 0;}
#form .wpcf7 { color:#D4CADE; }
#form #idinterested .wpcf7-list-item:first-child label { padding-top: 10px;}
#form #idinterested .wpcf7-list-item:last-child label { padding-bottom: 10px;}
#form #idprivate label { width:100%; margin: 3px 0;}
#form #idprivate .wpcf7-list-item:first-child label { padding-top: 10px;}
#form #idprivate .wpcf7-list-item:last-child label { padding-bottom: 10px;}
#form #idinterest label { width:45%; margin: 3px 0;}
#form #idinterest .wpcf7-list-item:first-child label { padding-top: 10px;}
#form #idinterest .wpcf7-list-item:last-child label { padding-bottom: 10px;}
#form #idtours label { width:100%; margin: 3px 0;}
#form #idtours .wpcf7-list-item:first-child label { padding-top: 10px;}
#form #idtours .wpcf7-list-item:last-child label { padding-bottom: 10px;}
#form .wpcf7-not-valid-tip { color:yellow; font-size: 10px;}
/*end contact-cont*/


/*start footer*/
#footer { background: #000; color:#fff; margin-top:15px; padding-bottom: 15px; }
#footer .footer-text { padding-top: 15px; margin-bottom: 11% !important;}
#footer .footer-text h3 { font-size: 24px; font-weight: bold; padding-bottom: 10px; }
#footer p { font-size: 14px; margin:0; }
#footer ul { list-style-type: none; }
#footer ul li { margin-left: -40px; margin-top: -4px; }
#footer .right p{ margin-top: 15%; }
#footer a{ text-decoration: none; font-size: 14px; color:#fff;  }
/*end footer*/

/*start styling of breadcrumbs*/
ul#breadcrumbs { list-style-type: none; margin-left: -40px; }
ul#breadcrumbs li { display: inline; padding: 0 2px; }
ul#breadcrumbs li a{ text-decoration: none; color: #c00000; font-weight: bold; font-size: 16px;}
ul#breadcrumbs .separator { font-weight: 600; font-size: 16px; }
.breadcurrentpage { /*font-weight: 900; font-size: 18px*/; }
/*end styling of breadcrumbs*/

/*start styling of sidebar*/
/*#sidebar-cont .current-menu-item.current_page_item.highlight a.highlight { color:#c00000 !important; font-weight: 600; }*/
#sidebar-cont { background: #00aeef; padding: 20px 0;  }
#sidebar-cont ul { list-style-type: none; }
#sidebar-cont ul li.highlight { background: #0885B3; margin: 0 0 0 -40px; padding:5px 0; position: relative; }
#sidebar-cont ul li ul.sub-menu { position: absolute; top:0; left: 100%; width: 100%; z-index: 9; display: none !important; }
#sidebar-cont ul li ul.sub-menu li{ background: #3DBBEA; margin: 0 0 0 -40px;}
#sidebar-cont ul li:hover ul.sub-menu { display: block !important; }
#sidebar-cont ul li ul.sub-menu:hover ~ li { display:block; }
#sidebar-cont ul li.margintop { padding-top: 30px; }
#sidebar-cont ul li.marginbottom { padding-bottom: 30px; }
#sidebar-cont ul li { padding: 5px 0; margin: -1px 0 -5px -40px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; transition: all 200ms ease-out;  }
#sidebar-cont ul li:first-child a{ font-weight: bold; }
#sidebar-cont ul li ul.sub-menu li:first-child a{ font-weight: 300; }
#sidebar-cont ul li a { text-decoration: none; color: #fff; font-weight: 300; font-size: 18px; display: block; }
#sidebar-cont ul li:hover { background: #0390c5 !important;  }
#sidebar-cont ul hr { border:0;border-bottom: 0px solid #0390c5; margin: 20px 0 0px -40px;  }
#sub-sidebar { margin-top: 15px;  }
#sub-sidebar img{ margin: 3px 0; }
#sub-sub-sidebar { background: #b1b2b3; min-height: 100%; padding: 15px; margin-bottom: 15px;}
.b-height { /*overflow: hidden;*/ margin-bottom: 20px; }
/*end styling of sidebar*/

/* start image slider*/
/*.imageslider-cont { margin: 15px 0; }*/
#imagebx { padding:0; }
.bx-wrapper .bx-viewport { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow:none !important; border:0 !important; left:0 !important;}
.bx-controls-direction a { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.bx-wrapper:hover .bx-controls-direction a { opacity: 1; }
.bx-wrapper .bx-next { right: 15px !important; }
.bx-wrapper .bx-prev { left: 15px !important; }

/*.bx-wrapper, .bx-viewport, .bx-wrapper img { max-height: 200px; }*/
/*end of image slider*/

@media(max-width: 1199px){
	#header .header-text { font-size: 70px;  }
	#sub-header-cont .sub-header { font-size: 26px; letter-spacing: 3.2px;}
	#footer p { font-size: 12px; }
}

@media(max-width: 991px){
	#header .header-text { font-size: 50px; }
	#sub-header-cont .sub-header { font-size: 22px; letter-spacing: 0.7px;}
	#footer .right p { margin-top: 30%;}
	.shore .b-height { height:auto !important; }
}

@media(max-width: 767px){
	#page-cont .page .imgcontrol, #page-cont .page .tour-img-cont img.tour-img {  max-height: 100%; }
	#footer .footer-text { text-align: center; }
	#footer .right p { margin-top: 30px; text-align: center; }
	.b-height { height:auto !important; }
	#tours-cont .tour .subtour-cont .subtour-text-cont.subtour-text-cont1 { display:block; }
	#tours-cont .tour .subtour-cont .subtour-text-cont.subtour-text-cont2 { display:none; }
	#sidebar-cont { padding: 0; position: relative; }
	#sidebar-cont:after { content: 'Click here for full menu >>'; position: absolute; top: 16px; right: 60px; color: #fff; font-size: 14px; }
	#sidebar-cont .navbar-toggle { border-radius: 3px; border: 1px solid #fff; padding: 1px 9px; color: #fff; font-size: 22px; }
	#sidebar-cont ul.sub-menu { position: static !important; }
	#page-cont .col-sm-8.nopaddingright, #contact-cont .col-sm-8.nopaddingright, #tours-cont .col-sm-8.nopaddingright { padding-right: 15px !important; }
	#page-cont .col-sm-4.nopaddingleft, #contact-cont .col-sm-4.nopaddingleft, #tours-cont .col-sm-4.nopaddingleft { padding-left: 15px !important; }
	#sub-sidebar img, #sub-sub-sidebar { display: none; }
}


@media( max-width: 736px ){
	.table-responsive p { text-align: left !important;  }
	#tours-cont .package { text-align: left;  }
}

@media(max-width: 700px){
	#header .header-text { position: static; font-size: 40px; }
	#sub-header-cont .sub-header { font-size: 16px; letter-spacing: 1.5px; padding: 5px 0;}
}

@media(max-width: 667px){
	#trail-cont .trail .breadcrumb, #trail-cont .trail .time { float: none !important; }
	#trail-cont .trail .time { text-align: center; font-size: 14px; }
	ul#breadcrumbs li a { font-size: 14px; }
}

@media(max-width: 568px){
	#header .header-text { font-size: 30px; }
	#sidebar-cont ul li a { font-size: 15px; }
	#form .col-xs-6.me { width: 100%; }
	#form #idinterested label, #form #idinterest label { width: 100%; }
}

@media(max-width: 500px){
	#form .col-xs-6 { width: 100%; }
	#form .datemargin .col-xs-6 { width: 50%; }
	#form .pull-right-me { float:none; }
}

@media(max-width: 414px){
	#header .header-text { font-size: 25px; }
	#footer .footer-text .col-xs-6 { width: 100%; }
}

@media(max-width: 375px){
	#header .header-text { font-size: 18px; }
	#sub-header-cont .sub-header { font-size: 15px; }
	#page-cont .page .tour-img-cont { margin:0; }

}