@charset "utf-8";

/* CSS Document */





html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font: inherit;

  font-size: 100%;

  vertical-align: baseline;

}

a{text-decoration: none;color: #444;}

a:hover{color: #277be0;}

html {

  line-height: 1;

}



ol, ul {

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



caption, th, td {

  text-align: left;

  font-weight: normal;

  vertical-align: middle;

}

b, strong{font-weight: bold;}

q, blockquote {

  quotes: none;

}

q:before, q:after, blockquote:before, blockquote:after {

  content: "";

  content: none;

}



a img {

  border: none;

}

em, i{font-style: italic;}

p{margin-bottom: 10px;}

h1{font-family: 'Exo', sans-serif;font-size: 28px;margin-bottom: 5px;line-height: 30px;}

h2{font-family: 'Exo', sans-serif;font-size: 24px;margin-bottom: 5px;line-height: 28px;}

h3{font-family: 'Exo', sans-serif;font-size: 20px;margin-bottom: 5px;line-height: 26px;}

h4{font-family: 'Exo', sans-serif;font-size: 16px;margin-bottom: 5px;line-height: 24px;}

h5{font-family: 'Exo', sans-serif;font-size: 12px;margin-bottom: 5px;line-height: 20px;}

h6{font-family: 'Exo', sans-serif;font-size: 8px;margin-bottom: 5px;line-height: 18px;}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {

  display: block;

}

.clr{

	clear: both;

}

img{

  max-width: 100%;

  height: auto;

}

.inner{width:100%;max-width:1170px;margin:0 auto;}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



body{

  font-family: 'Droid Sans', sans-serif;

  font-weight: normal;

  line-height: 24px;

  font-size: 15px;

  color: #444;

}

.upper ul{

  padding: 0;

  margin: 0;

}

.upper ul li{

  list-style: none;

  float: left;

}

.u_lef{

  width: 10%;

  float: left;

  height: 39px;

  background: #fff;

  margin-top: 5px;

  position: relative;

}

.u_lef::after{

  content: " ";

  width: 0;

  height: 0;

  border-left: 39px solid transparent;

  border-right: 39px solid transparent;

  border-bottom: 39px solid #fff;

  bottom: 0px;

  right: -40px;

  top: 0;

  position: absolute;

}

.u_lef::before{

  display: block;

  content: '';

  background: #fff;

  height: 39px;

  margin-left:-1000px;

  right: 0;

  bottom: 0; 

}

.upper ul li a{

  display: block;

  text-decoration: none;

  color: #fff;

  text-transform: uppercase;

  padding: 10px;



}

.up_left{

  float: left;

  width: 50%;

  padding-left: 45px;

}

.up_right{

  float: right;

  width: 40%;

  text-align: right;

}

.upper{

  background: #333;

  color: #fff;

  font-size: 14px;

  overflow: hidden;

}

.logo{

  float: left;

  padding: 20px 0;

  width: 35%;

}

.right_blog{

  float: right;

  width: 65%;

}

.up_right a{

  display: block;

  padding: 14px;

  float: left;

  border-left: 1px solid #444;

  line-height: 0;

}

.topcontact {

    padding: 27px 0;

}

.topcontact p{

  margin-bottom: 0;

}

.rb{

  width: 26%;

  float: left;

  border-left: 1px solid #ccc;

  padding: 0 20px;

  font-size: 14px;

  line-height: 20px;

  color: #555;

}



.u_social{

  float: right;

}

.u_social a:last-child{

  border-right: 1px solid #444;

}

.u_social p{margin-bottom: 0;}

.topmenu{

  background: #277be0;

  color: #fff;

}

.topmenu ul{

  padding: 0;

  margin: 0;

}

.topmenu ul li{

  list-style: none;

  float: left;

}

.topmenu ul li a{

  text-decoration: none;

  display: block;

  padding: 15px 20px;

  font-size: 17px;

  color: #fff;

  text-transform: uppercase;

  background: url(../images/menu_bg.jpg) right center no-repeat;

  font-family: 'Exo', sans-serif;

}

.topmenu ul li.active>a,.topmenu ul li:hover>a{color: #fff906;}

.slider{

  position: relative;

  line-height: 0;

}

.slider img{

  width: 100%;

}

.slidepage{

    position: absolute;

    bottom: 0;

    text-align: center;

    padding: 5px 10px 0px 10px;

    width: 20%;

    left: 40%;

    background: #fff;

    z-index: 99;

}

.slidepage::before{

  content: '';

  display: block;

  width: 20px;

  border-bottom: 25px solid #ffffff;

  border-left: 10px solid transparent;

  float: left;

  margin-left: -25px;

  margin-top: -5px;

}

.slidepage::after{

  content: '';

  display: block;

  width: 20px;

  border-bottom: 25px solid #ffffff;

  border-right: 10px solid transparent;

  float: right;

  margin-right: -25px;

  margin-top: -20px;

}

.slidepage ul{

  padding: 0;

  margin: 0;

  line-height: 0;

}

.slidepage ul li{

  list-style: none;

  height: 15px;

  width: 15px;

  background: #ccc;

  display: inline-block;

  margin: 0 2px;

  cursor: pointer;

}

.slidepage ul li.active{

  background: #277be0;

}

.slider img{

  width: 100%;

}

.slide_item .moduletable{

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 100%;

  background-size: cover;

  opacity: 0;

  transition: 0.7s ease-in-out;

  -webkit-transition: 0.7s ease-in-out;

  -moz-transition: 0.7s ease-in-out;

  z-index: 1;

}

.slide_item .moduletable.active{

  transition: 0.7s ease-in-out;

  -webkit-transition: 0.7s ease-in-out;

  -moz-transition: 0.7s ease-in-out;

  opacity: 1;

  z-index: 9;

}

.slide_item .moduletable .inner{

  

}

.slide_item .moduletable .slidetext{

    position:absolute;

    top: 50%;

    width: 450px;

    transform: translate(0, -50%);

    -ms-transform: translate(50, -50%); /* IE 9 */

    -webkit-transform: translate(0, -50%); /* Safari */

    font-size: 16px;

    color: #fff;

    line-height: 24px;

}

.slide_item .moduletable .slidetext h3{

  text-transform: uppercase;

  font-size: 26px;

  font-weight: bold;

  margin-bottom: 10px;

}

.slide_item .moduletable .slidetext a{

  background: #277be0;

  color: #fff;

  padding: 8px 20px;

  display: inline-block;

  margin-top: 10px;

  text-decoration: none;

  text-transform: uppercase;

  border-right: 3px solid #ffeb00;

}

.getquote {

  float: right;

  text-transform: uppercase;

  text-decoration: none;

  display: block;

  padding: 5px 18px;

  background: #ffeb00;

  color: #000;

  margin-top: 10px;

}

.ourservice{

  padding: 50px 0;

  margin: 0 -1.5%;

}

.ourservice .moduletable, .itemContainer{

  width: 30.33% !important;

  float: left;

  transition: 0.4s ease-in-out;

-webkit-transition: 0.4s ease-in-out;

-moz-transition: 0.4s ease-in-out;

  border:1px solid #ccc;

  padding: 30px 15px;

  margin: 10px 1.5%;

  border-right: 3px solid #ccc;

  min-height:218px;

}

 #itemListLeading .itemContainer{

	width: 47% !important;

 }

.itemContainer:hover{transition: 0.4s ease-in-out;

-webkit-transition: 0.4s ease-in-out;

-moz-transition: 0.4s ease-in-out;border-color: #277be0 !important;}

.ourservice .moduletable h3,.ourservice h3.catItemTitle{

  font-size: 17px;

  font-weight: bold;

  text-transform: uppercase;

}

.img_bl,.catItemImageBlock{

  float: left;

  margin: -15px 20px -15px -30px !important;

  background: #fff;

  padding: 5px !important;

  border:1px solid #ccc;

  line-height: 0;

}

div.catItemIntroText{padding: 0 !important}

.catItemImageBlock img{

  max-width: 100px !important;

}

.catItemImage{

  margin:0 !important;

}

div.catItemView{margin: 0 !important;padding: 0 !important;}



.hightlight_blog{

  overflow: hidden;

  color: #fff;

  padding-top: 22px;

  position: relative;

}

.hightlight_blog::before{

  content: '';

  display: block;

  position: absolute;

  bottom: 0;

  left: 0;

  top: 22px;

  right: 0;

  background: #277be0;

  width: 100%;

  height: 100%;

  z-index: -1;

}

.hightlight_blog .inner{

  background: #fff;

}

.hb_le{

  width: 20%;

  float: left;

  padding: 30px 20px;

  text-align: right;

  position: relative;

  background: #277be0;

  z-index: 9;

  height: 170px;

}



.hb_le::after{

  content: '';

  position: absolute;

  width: 50px;

  top:0;

  bottom: 0;

  right: -49px;

  background: url(../images/left_b.png) left bottom no-repeat;

}

.hb_ce{

  width: 60%;

  float: left;

  padding: 40px 46px;

  text-align: center;

  background: #333333;

  position: relative;

  margin-top: -20px;

}

.hb_ce::before{

  content: '';

  position: absolute;

  width: 50px;

  top:0;

  bottom: 0;

  left: -49px;

  background: url(../images/left_bl.png) right top no-repeat;

}

.hb_ce::after{

  content: '';

  position: absolute;

  width: 50px;

  top:0;

  bottom: 0;

  right: -49px;

  background: url(../images/right_bl.png) left top no-repeat;

}

.hb_ri{

  width: 20%;

  float: left;

   padding: 30px 20px;

   background: #277be0;

   position: relative;

   z-index: 9;

   height: 170px;

}

.hb_ri::before{

  content: '';

  position: absolute;

  width: 50px;

  top:0;

  bottom: 0;

  left: -49px;

  background: url(../images/right_b.png) right bottom no-repeat;

}

.content h2,.rightblog h3{

  text-align: center;

  font-weight: 500;

  font-size: 30px;

  color: #277be0;

  margin-bottom: 15px;

}

.inner_con{

  margin: 0 -1.5%;

}

.blog{

  padding:50px 0 0px 0;

}

.blog ul{

  padding: 0;

  margin: 0;

}

.blog ul li{

  width: 30.33%;

  float: left;

  list-style: none;

  margin: 0 1.5% !important;

}

.blog h2{

  text-align: center;

  font-weight: 500;

  font-size: 30px;

  color: #277be0;

  margin-bottom: 15px;

  text-transform: uppercase;

}

.blog ul li h3{

  margin-bottom: 10px;

  font-weight: 500;

  margin-top: 10px;

}

.blog ul li a.moduleItemReadMore,.k2ReadMore{

  text-decoration: none;

  color: #333;

  border:1px solid #ccc;

  border-right: 3px solid #277be0;

  display: inline-block;

  padding: 5px 15px;

  text-transform: uppercase;

  font-family: 'Exo', sans-serif;

  font-weight: 500;

  font-size: 14px;

  margin-top: 10px;

}

div.k2ItemsBlock ul li div.moduleItemIntrotext{

  padding: 0 !important;

}

.footer{

  background: #333 url(../images/footer-bg.png);

  padding: 50px 0; 

  position: relative;

  font-weight: normal;

  margin-top: 50px;

}

.footer::before{

  content: '';

  display: inline-block;

  position: absolute;

  border-top: 12px solid #fff;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  height: 0;

  width: 40%;

  left: 30%;

  top:-55px;

  position: relative;

}

.itemBackToTop{display: none;}

.footer .moduletable{

  width: 23%;

  float: left;

  margin: 0 1%;

  color: #eee;

}

.footer h3{

  text-transform: uppercase;

  margin-bottom: 10px;

  color: #fff;

}

.footer ul{

  padding: 0;

  margin: 0;



}

.footer ul li{

  list-style:square !important;

  margin-left: 20px !important;

  display: list-item !important;

  color: #277be0;

  margin-bottom:0 !important;

}

.footer ul li a{

  text-decoration: none;

  color: #fff;

}

.footer a:hover{

  color: #ffeb00;

}

.footer a{color:#fff;}

img[style="float: left;"]{

	margin-right:15px;  

}



.copy{

  background: #277be0;

  color: #fff;

  padding: 15px 0;

}

.copy p{

  margin-bottom: 0;

}

.copyleft{

  float:left;

}

.copyright{

  float: right;

}



body div.itemListCategory {

    background: none;

    border: none;

    border-radius: 0;

    margin: 0;

    padding: 0;

}

.have_right{

	width:70%;

	float:left;

	padding-right:20px;

}

.rightblog{

	width:30%;

	float:left;

	padding-top:50px;

	padding-left:20px;

}

.rightblog ul{

	padding:0 !important;

	margin:0 !important;

}

.rightblog ul li{

	margin-bottom: 0 !important;

    list-style: square;

    display: list-item !important;

    color: #277be0;

    margin-left: 20px !important;

    border-bottom: 1px solid #ccc;

    padding: 5px 0 !important;

}



#contactform{

  margin-top:10px;

}

#contactform label, #tour_booking label{

  width:25%;

  float:left;

}

#contactform [type="text"], #tour_booking [type="text"]{

  padding:7px 15px;

  width:35%;

  border: 1px solid #ccc;

}

#Your_comment, #Message{

  width:70%;

  height:100px;

}

.content_aticle #captchaimg{

  border:1px solid #ccc;

}

.content_aticle #change_captcha img{

  float:left;

  margin:5px;

}

#contactform select, #tour_booking select{

  padding:7px 15px;

  width:15%;

}

#submittour, #contact_submit{

  border:none;

  padding:8px 35px 8px 25px;

  cursor: pointer;

}

#contactform .row, #tour_booking .row{

  margin-bottom:5px;

  display:block;

}

#ui-datepicker-div{

  font-size:12px;

}

label#captcah_03{

  color:red;

}

[type="text"].error, select.error {

  position:relative;

  border:1px solid red !important;

}

label.error{

  position:absolute;

  margin-left:10px;

  margin-top:5px;

  color:red;

}

.hasDatepicker{

  background: #fff url(../images/cal.gif) 97% center no-repeat;

}

label.error {

    display: none !important;

}



@media (min-width: 1024px) and (max-width: 1199px) {

  .inner{width: 1004px;}

}





@media (min-width: 768px) and (max-width: 1023px) {

  .inner{width: 748px;}

}





@media (min-width: 601px) and (max-width: 767px) {

}



@media (max-width: 600px) {

  

}





@media (max-width: 500px) {



}