/* @font-face {
    font-family: "Optima Regular";
    src: url("/public/font/479fa0cf81d93d6b8ed1797a409a3761.eot");
    src: url("/public/font/479fa0cf81d93d6b8ed1797a409a3761.eot?#iefix") format("embedded-opentype"),
        url("/public/font/479fa0cf81d93d6b8ed1797a409a3761.woff2") format("woff2"),
        url("/public/font/479fa0cf81d93d6b8ed1797a409a3761.woff") format("woff"),
        url("/public/font/479fa0cf81d93d6b8ed1797a409a3761.ttf") format("truetype"),
        url("/public/font/479fa0cf81d93d6b8ed1797a409a3761.svg#Optima Regular") format("svg");
} */


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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
p strong{
    font-weight: bold;
    font-size: 18px !important;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
ol, ul {
    list-style: none;
}


@media (min-width: 768px){
  .navbar-nav>li {
      float: left;
      border-right: 1px solid #d4d4d4;
      height: 95px;
      width: 105px;
  }

  .navbar-nav>li:hover {
      background-color: #2f64a5;
  }

  .navbar-nav>li:active {
      background-color: #2f64a5;
  }
}

/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: “”;
}
blockquote, q {
    quotes: “” “”;
}

html, body {
    height: 100%;
    font-family: 'Roboto', sans-serif;
}

a {
    text-decoration: none !important;

}
a:focus {
    outline: none;
    text-decoration: none;
}
a:hover, .active a{ transition: 0.6s; text-decoration: none;}

img {
    border: 0;
}
:focus {
    outline: 0;
}
.clear {
    clear: both;
}
.fa-4{font-size: 7em;}
.fa-3{font-size: 4em;}
.fa-2{font-size: 2em;}
.fa-1{font-size: 1em;}
.error{color: #b92c28;}

.hoverIcon > a > img {
    display: inline-block;
    float: left;
    vertical-align: middle;
    margin-right: 10px;
}
/*.hoverIcon > a:hover > img:nth-child(1),*/
.hoverIcon > a.active > img:nth-child(1),
.hoverIcon > a > img:nth-child(2){
    display: none;
}
/*.hoverIcon a:hover > img:nth-child(2),*/
.hoverIcon a.active > img:nth-child(2){
    display: block;
}
section{
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}
.wrapper {
    padding: 30px 0 30px 0;
}

.img-center{
    margin: 50px auto;
    width: 75%;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
}

.newsKnowMore{
    float: left;
    width: auto;
    font-size: 14px;
    color: #575756;
    margin-top: 15px;
}
.newsKnowMore a{
    font-size: 14px;
    color: #575756;
}
.newsKnowMore .fa {
    color: #ba9547;
    border: 2px solid #ba9547;
    border-radius: 50%;
    padding: 3px 7px 3px 7px;
    margin-right: 13px;
    font-size: 13px;
}
.getInTouch a[href^=tel] {
    text-decoration:none;
    color: #777776 !important;
}
.subFooter a[href^=tel] {
    text-decoration:none;
    color: #ffffff !important;
}
.loginFooter a[href^=tel] {
    text-decoration:none;
    color: #808080 !important;
}


body{font-family: 'Roboto', sans-serif;}

/*------------------------------------------------------------------------------------------------------*/

/*Start Video*/
#big-video-wrap {
    overflow: hidden;
    position: absolute !important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 548;
}
.videoCont {
    position: relative;
    width: 100%;
    height: 100%;

}
.videoCont .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    /*background: url(/public/img/videoMask.png);*/
    z-index: 999;
}
.videoCont .video-icon {
    position: absolute;
    width: 230px;
    height: auto;
    left: 50%;
    bottom: 90px;
    margin-top: -15px;
    margin-left: -115px;
    z-index: 1000;

}
.videoCont .logo {
    position: relative;
    width: auto;
    height: auto;
    margin-top: 30px;
    z-index: 1000;
}
.videoCont .video-icon a {
    position: relative;
    width: 230px;
    height: auto;
    float: left;
    color: #fff;

}
.videoCont .video-icon a img{
    position: absolute;
    width: 22px;
    height: 22px;
    left: 50%;
    margin-left: -11px;
}
.video-icon a h2{
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    float: left;
    margin-top: 30px;

}
.videoCont .video-icon:hover {
    opacity: 0.5;
    transition: 0.6s;
}
.volume {
    position: absolute;
    right: 50px;
    top: 50px;
    font-size: 23px;
    cursor: pointer;
    z-index: 1000;
    color: #575756;
    z-index: 5655;
    border: 1px #ffffff solid;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
}

/*End Video*/

/*Start Menu*/
section.menu{
    height: auto;
}
section.menu.fixed-header {
    opacity: 0.95;
    box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    position: fixed;
}
/*Start top-bar*/
section.menu .topBar {
    background-color: #1c3664;
    padding:0px 9%;
}
/*Start topbar search*/
section.menu .topBar .topSearch {
    margin: 0;
}
section.menu .topBar .topSearch .form-control {
    border-right: 0;
    box-shadow: none;
    border-radius: 0;
    padding-left: 40px;
    border: 0;
    background-color: #333332;
    font-size: 15px;
    color: #6C6B6A;
    height: 37px;
}
section.menu .topBar .topSearch .btn-default {
    color: #777;
    background-color: #333332;
    border: 0px;
    border-left: 5px solid #777;
    font-size: 14px;
    z-index: 1 !important;
    border-radius: 0;
    line-height: 23px;
    height: 37px;
}
section.menu .topBar .topSearch .input-group-btn>.btn:hover {
    z-index: 1 !important;
    color: #9E9E9E;
    border-left: 5px solid #9E9E9E;
    transition: 0.6s;
}
section.menu .topBar .topSearch .input-group img{
    position: absolute;
    z-index: 9;
    top: 10px;
    left: 12px;
}
/*end topbar search*/

/*end topbar socialList*/
section.menu .topBar ul.socialList {
    float: right;
    margin-left: 10px;
}
section.menu .topBar ul.socialList li {
    float: left;
}
section.menu .topBar ul.socialList li a {
    display: inline-block;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #FFFFFF;
    height: 37px;
    padding-top: 2px;
}
section.menu .topBar ul.socialList li a:hover {
    color: #fff;
}
section.menu .topBar ul.socialList li a.facebook:hover {
    background-color: #507CBE;
}
section.menu .topBar ul.socialList li a.twitter:hover {
    background-color: #63CDF1;
}
section.menu .topBar ul.socialList li a.instgram:hover {
    background-color: #b93212;
}
section.menu .topBar ul.socialList li a i {
    font-size: 1em;
    display: block;
    width: 34px;
    height: 33px;
    line-height: 33px;
    text-align: center;
}
/*end topbar social*/

/*Start Lang*/
section.menu .topBar ul.rightContent {
    float: right;
}
section.menu .topBar ul.rightContent li{
    margin-left: 25px;
}
section.menu .topBar ul.rightContent li a{
    line-height: 35px;
    color: #ffffff;
}
section.menu .topBar ul.rightContent li a.active,
section.menu .topBar ul.rightContent li a:hover{
    color: #9A9A9A;
    transition: 0s;
}
section.menu .topBar ul.rightContent li a img{
    margin-top: 9px;
    width: 27px;
    height: 17px;
}
section.menu .topBar ul.rightContent li.lang {
    float: left;
    font-size: 18px;
    color: #9A9A9A;
}
section.menu .topBar ul.rightContent li.lang a{
    float: left;
    font-size: 12px;
    color: #9A9A9A;
    line-height: 34px;
}
section.menu .topBar ul.rightContent li.lang a:hover{
    color: #777;
}
section.menu .topBar ul.rightContent li.lang .fa{
    color: #777;
    margin-right: 10px;
}
section.menu .topBar .lang .dropdown-menu {
    background: none;
    background-image: none;
    border: none;
    box-shadow: none;
    min-width: 54px;
    background-color: #fff;
}
section.menu .topBar .lang .dropdown-menu li {
    margin-left: 0px;
    width: 100%;
}
section.menu .topBar .lang .dropdown-menu>li>a:focus, .lang .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: transparent;
}
/*end Lang*/


.about_title{
  color: #2f64a5;
  font-size: 27px;
}

/*Start Careers*/
.detail form.formCareers .form-control:focus {
    border-color: #b88f41;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(184, 143, 65);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(184, 143, 65);
}
.subPage.about .detail span.fileinput-new {
    margin-right: 0px;
}
.fileinput{
    position: relative;
}
.btn-success.fileinput-button {
    background-color: #1c3664;
    color: #ac8e48;
    border-color: #ac8e48;
}
.progress-bar-success {
    background-color: #b88f41;
}
.careersSendBtn .btn-primary {
    background-color: #1c3664;
    color: #ac8e48;
    border-color: #ac8e48;
}
.careersSendBtn .btn-primary:hover{
    color: #fff;
}
.careers .control-label{
    color: #1c3664 !important;
}
.careers .form-control{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #AD8F48;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -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;
}
.form-control:focus {
    border-color: #969696;
    outline: 0;
    box-shadow: inset 0 0px 0px rgb(0, 0, 0),0 0 8px rgb(191, 191, 191);
}
.careers textarea.form-control{
    height: 150px;
}
/*End careers*/


/*Start Login*/
section.menu .topBar ul.rightContent li.languages {
    float: left;
    font-size: 15px;
    color: #9A9A9A;
    line-height: 34px;
    position: relative;
    padding-right: 3px;
}
section.menu .topBar ul.rightContent li.languages .dropdown{
    float: left;
    padding: 0px;
    position: absolute;
    right: 0;
    left: 0;
}
section.menu .topBar ul.rightContent li.languages .dropdown .dropdown-menu {
    background: none;
    background-image: none;
    border: none;
    box-shadow: none;
    min-width: 54px;
    background-color: #fff;
    margin: 0px;
}

section.menu .topBar ul.rightContent li.languages .dropdown li {
    margin-left: 0px;
    width: 100%;
}
section.menu .topBar ul.rightContent li.languages .dropdown li a {
    float: left;
    font-size: 12px;
    color: #9A9A9A;
    line-height: 30px;
    padding: 0 15px;
}
section.menu .topBar ul.rightContent li.languages .dropdown li a:hover {
    color: #777;
    background: none;
}
section.menu .topBar ul.rightContent li.languages .loginAccount {
    float: left;
    padding-right: 15px;
}
section.menu .topBar ul.rightContent li.languages .btn-default {
    color: #777;
    background-color: transparent;
    border-color: transparent;
    padding: 0px 10px;
    padding-right: 0 !important;
    line-height: 35px;
    width: 100%;
    text-align: right;
}
/*Log in Modal*/
#loginModal .modal-dialog {
    width: 100%;
    margin: 14% auto;
}
#loginModal .modal-content {
    float: left;
    width: 100%;
    border-radius: 0px;
}
#loginModal .modal-header,#loginModal .modal-body,#loginModal .modal-footer {
    border: 0px;
    width: 100%;
    float: left;
}
#loginModal .modal-body{
    padding: 20px 0px 60px 0px;
}
#loginModal .modal-body .login{
    width: 100%;
    height: auto;
    border-right: 1px solid #777;
}

#loginModal .modal-body .login h2{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #777;
    margin-bottom: 20px;
}
#loginModal .modal-body .login .form-control {
    margin-bottom: 15px;
    border: 1px solid #777;
    border-radius: 0;
    font-size: 15px;
    color: #A9A9A9;
}
#loginModal .modal-body .login .form-control::-webkit-input-placeholder {
    font-size: 15px;
    color: #A9A9A9;
}
#loginModal .modal-body .login .form-control:-moz-placeholder { /* Firefox 18- */
    font-size: 15px;
    color: #A9A9A9;
}
#loginModal .modal-body .login .form-control::-moz-placeholder {  /* Firefox 19+ */
    font-size: 15px;
    color: #A9A9A9;
}
#loginModal .modal-body .login .form-control:-ms-input-placeholder {
    font-size: 15px;
    color: #A9A9A9;
}
#loginModal .modal-body .login .loginBtn{
    width: 100%;
    float: left;
    background-color: #777;
    color: #fff;
    font-size: 21px;
    border-radius: 0px;
    border:0px;
}
#loginModal .modal-body .login .resetPass{
    width: 100%;
    float: left;
    color: #777;
    font-size: 13px;
}
#loginModal .modal-body .account{
    width: 100%;
    height: auto;
}
#loginModal .modal-body .account h2{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #777;
    margin-bottom: 20px;
}
#loginModal .modal-body .account p{
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 20px;
    color: #808080;
    margin-bottom: 20px;
}
#loginModal .modal-body .account .accountBtn{
    width: 100%;
    float: left;
    background-color: #282827;
    color: #777;
    font-size: 21px;
    border-radius: 0px;
    border:0px;
}

#loginModal .modal-footer {
    background-color: #ebebeb;
    font-size: 16px;
    color: #808080;
    text-align: left;
}
#loginModal .modal-footer span{
    margin-left: 30px;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999999;
}
.modal-footer .btn-success {
    color: #1f1f1e;
    background-color: #ad9046;
    border-color: #ae9145;
}
.modal-footer .btn-success:hover{
    color: #ffffff;
    background-color: #90773c;
    border-color: #90773c;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #1f201f;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.5;
}
.close:hover{
    opacity: 1;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #b0944a;
}
.bootbox-body{
    color: #201f1b;
}
/*endLog in Modal*/
/*End Login*/
/*End topBar*/

/*Start Menu*/
section.menu .coreMenu.navbar-default {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 0;
    margin-bottom: 0px;
    padding: 0px 9%;
    border-radius: 0;
}
section.menu .coreMenu .navbar-nav {
    padding: 0px 25px;
}
section.menu .coreMenu  .navbar-nav>li>a {
    padding: 0px 17px;
    color: #575756;
    font-size: 16px;
    /* border-right: 1px solid #d4d4d4; */
    /* font-weight: bold; */
    text-align: center;
    top:26px;
    height: 92px;
    padding-left: 0px;
    padding-right: 0px;
}


.menu-icon{
  margin-bottom: 0px;
}

section.menu .coreMenu  .navbar-nav>li>a:hover {
    color: #777;
}
section.menu .coreMenu  .navbar-nav>li:last-child>a {
    border-right: 0px;
}
section.menu .coreMenu .navbar-brand{
    float: left;
    width: auto;
    height: auto;
    padding-left: 0;
}
section.menu .coreMenu .navbar-brand img{
    width: 196px;
    height: 65px;
    float: left;
    position: relative;
}
.homeMenu .hoverIcon a{
    border-right: 1px solid #575756;
}
.homeMenu .dropdown > a > img {
    display: inline-block;
    float: left;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 3px;
}
.homeMenu .dropdown > a.active > img:nth-child(1),
.homeMenu .dropdown > a > img:nth-child(2){
    display: none;
}
.homeMenu .dropdown a.active > img:nth-child(2){
    display: block;
}
.homeMenu li.dropdown {
    position: inherit;
}
.homeMenu li .dropdown-menu {
    width: 100%;
    margin: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0px;
    padding: 25px 9.1%;
    padding-left: 11.2%;
    background-color: #282827;
}
.homeMenu li .dropdown-menu li{
    width: auto;
    float: right;
    height: auto;
}
.homeMenu li .dropdown-menu li a{
    color: #A4A4A4;
    font-size: 16px;
    background: none;
    padding: 3px 50px;
}
.homeMenu li .dropdown-menu li a:hover,.homeMenu .dropdown-menu li.active a{
    color: #777;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color:transparent;
}

.companiesMenu{
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0px;
    padding: 25px 9.1%;
    padding-left: 11.2%;
    background-color: #1b3564;
    display: none;
}

.corporateMenu{
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0px;
    padding: 25px 9.1%;
    padding-left: 11.2%;
    background-color: #1b3564;
    display: none;
}
.downloadsMenu{
    float: left;
    width: 100%;
    height: auto;
    padding: 25px 9.1%;
    background-color: #1b3564;
    display: none;
}
.downloadsMenu ul{
    float: left;
    width: 100%;
    height: auto;
}

.downloadsMenu.open,
.companiesMenu.open,
.corporateMenu.open{
    display: block;
}

.downloadsMenu li,
.companiesMenu li,
.corporateMenu li{
    width: auto;
    float: left;
    height: auto;
}

.downloadsMenu li a,
.companiesMenu li a,
.corporateMenu li a{
    color: #cac9c9;
    font-size: 14px;
    background: none;
    padding: 3px 20px;
    text-transform: uppercase;
}

.downloadsMenu li a:last-child,
.companiesMenu li a:last-child,
.corporateMenu li a:last-child,{
    padding-right: 0px;
}

.downloadsMenu a:hover,
.companiesMenu li a:hover,
.companiesMenu li.active a,
.corporateMenu li a:hover,
.corporateMenu li.active a{
    color: #fff;
}
.downloadsMenu li a i{
    margin: 5px;
}

.newsMenu{
    float: left;
    width: 100%;
    margin: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0px;
    padding: 25px 9.1%;
    padding-left: 11.2%;
    background-color: #282827;
    display: none;
}
.newsMenu.open{
    display: block;
}
.newsMenu li{
    width: auto;
    float: right;
    height: auto;
}
.newsMenu li a{
    color: #A4A4A4;
    font-size: 16px;
    background: none;
    padding: 3px 40px;
}
.newsMenu li a:last-child{
    padding-right: 0px;
}
.newsMenu li a:hover,.newsMenu li.active a{
    color: #777;
}
/*.newsLink a img{
    padding-right:  10px;
}*/



.coreMenu.navbar-default .navbar-nav>.active {
    background-color: #2f64a5;
}

.coreMenu.navbar-default .navbar-nav>.active>a, .coreMenu.navbar-default .navbar-nav>.active>a:focus, .coreMenu.navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
}
/*Start book now*/
section.menu .coreMenu  .navbar-nav.sports{
    margin-left: 100px;
}
section.menu .coreMenu  .navbar-nav.sports li.active a{
    color: #777;
}
section.menu .coreMenu  .navbar-nav .hoverIcon a{
    padding: 0px 10px;
    color: #575756;
    font-size: 18px;
}
section.menu .coreMenu  .navbar-nav .hoverIcon a img{
    margin-top: 5px;
}
.servicesLink img{
    margin-right: 10px !important;
}
section.menu .coreMenu  .navbar-nav li a:hover{
    color: #fff;
}
/*End book now*/

/*Start Sport Activities Menu*/
.servicesMenu{
  float: left;
  width: 100%;
  margin: 0;
  border: 0;
  box-shadow: none;
  border-radius: 0px;
  padding: 25px 9.1%;
  padding-left: 11.2%;
  background-color: #1b3564;
  display: none;
}
.servicesMenu.open{
    display: block;
}
.servicesMenu li{
  width: auto;
  float: right;
  height: auto;
}
.servicesMenu li.dropdown{
    position: inherit;
    height: 129px;
}
.servicesMenu li a{
  color: #cac9c9;
  font-size: 16px;
  background: none;
  padding: 3px 40px;
  text-transform: uppercase;
}

.servicesMenu li a:hover{
  color: #fff;
}

.servicesMenu li.dropdown a img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
.servicesMenu li.dropdown a:hover img:nth-child(1),
.servicesMenu li.open.dropdown a img:nth-child(1),
.servicesMenu li.dropdown a img:nth-child(2){
    display: none;
}

.servicesMenu li.activities_1.active a img:nth-child(1){
    display: none;
}
.servicesMenu li.activities_1.active a img:nth-child(2){
    display: block;
}
.servicesMenu li.activities_1.active a{
    color:#fff;
}

.servicesMenu li.dropdown a:hover > img:nth-child(2),
.servicesMenu li.open.dropdown a > img:nth-child(2){
    display: block;
}
.servicesMenu li.open a,.servicesMenu li.dropdown a:hover{
    color:#fff;
}
.servicesMenu li .dropdown-menu{
    width: 100%;
    margin: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0px;
    padding: 0px 9.1%;
    padding-left: 11.2%;
}
.servicesMenu li .dropdown-menu li{
    width: auto;
    float: left;
    padding: 10px 0px;
    background: none;
}
.servicesMenu li .dropdown-menu li a{
    width: auto;
    float: left;
    padding:0px 15px;
    border-right: 1px solid #fff;
    background: none;
    font-size: 17px;
}
.servicesMenu li .dropdown-menu li.last a{
    border-right: 0px;
}

.servicesMenu li .dropdown-menu li.waterSportsCentreLink a{
    border-right: 0px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background: none;
}
/* menu active color and dropdown color */
.servicesMenu li.open.activities_1,.servicesMenu li.active.activities_1,.servicesMenu li.activities_1:hover,.servicesMenu li.open.activities_1 .dropdown-menu{
    background-color: #396ba9;
}
.servicesMenu li.open .dropdown-menu li a:hover,.servicesMenu li.open .dropdown-menu li.active a{
    opacity: 0.6;
}
/*End Sport Activities Menu*/
/*#activities_1*/

/*Start Sport servicesMenuBook*/
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background: none;
}
/* menu active color and dropdown color */

/*End Sport servicesMenuBook*/




/*End Menu*/


/*Start Slider*/
section.slider{
    height: auto;
    position: relative;
    float: left;
    z-index: 20;
}

.slider .carousel-inner {
    height: auto;
}
.slider .img-center {
    height: auto;
}
.slider .fill {
    width: 100%;
    height: 530px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.slider .carousel-indicators {
    position: relative;
    bottom: 0px !important;
    left: 0;
    z-index: 15;
    width: 100%;
    margin-top: 15px;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none;
    float: left;
}
.slider .carousel-indicators li {
    width: 14.48%;
    height: 10px;
    border-radius: 0px;
    margin: 0px;
    top: 0px;
    padding: 0px;
    margin-left: -4px;
    margin-right: -4px;
}
.slider .carousel-indicators li.active {
    width: 14.48%;
    height: 10px;
    border-radius: 0px;
    margin: 0px;
    top: 0px;
    padding: 0px;
    margin-left: -4px;
    margin-right: -4px;
}

/*corusel btn color*/
.slider .carousel-indicators li.activities_1{
    background-color: #fff;
    border-color: #396ba9;
}
.slider .carousel-indicators li.active.activities_1,.slider .carousel-indicators li.activities_1:hover{
    background-color: #396ba9;
    border-color: #396ba9;
}

/*carousel-caption*/

.slider .carousel-caption {
    right: 0;
    left: 0;
    bottom: 0;
    padding-bottom: 0;
    padding: 0px 15px;
}

.slider .carousel-caption .title{
    width: 35%;
    float: left;
    background-color: rgba(27, 168, 210,0.8);
}
.slider .carousel-caption .title a{
    width: 100%;
    text-align: center;
    font-size: 41px;
    padding: 31px 0px;
    text-shadow: none;
    text-transform: uppercase;
    color: #ffffff;
    float: left;
}
.slider .carousel-caption .title a:hover{
    opacity: 0.6;
}
.slider .carousel-caption .text{
    width: 100%;
    height: auto;
    min-height: 90px;
    float: left;
    background-color: rgba(255, 255, 255,0.8);
    text-shadow: none;
    color: #333;
    padding: 25px 40px 0px 40px;
}
.slider .carousel-caption .text p{
    text-align: center;
    float: left;
    /* padding: 25px 40px 0px 90px; */
    font-size: 15px;
    color: #333;
    width: 100%;
    text-shadow: none;
    line-height: 18px;
}
.slider .carousel-caption .text a{
    text-align: left;
    float: left;
    font-size: 16px;
    color: #575756;
    width: 25%;
    padding: 44px 0px;
    text-shadow: none;
}

.slider .carousel-caption .text a .fa{
    color: #935695;
    border: 2px solid #935695;
    border-radius: 50%;
    padding: 3px 9px 4px 9px;
    margin-right: 13px;
    font-size: 18px;
}
.slider .carousel-caption .text a:hover{
    opacity: 0.6;
}
.slider .carousel-caption.activities_1 .text a .fa{
    color:#D33B3B;
    border-color: #D33B3B;
}


.slider .carousel-caption.activities_1 .title{
    background-color: rgba(211, 59, 59,0.8);
}
/*End Slider*/


/*Start details homePage*/

section.details{
    width: 100%;
    float: left;
    height: auto;
    padding-top: 50px;
    padding-bottom: 70px;
}
section.details .header{
    width: 100%;
    float: left;
    height: auto;
    padding-bottom: 50px;
}
section.details .right h2,
section.details .left h2{
    color: #777;
    font-size: 25.52px;
    float: left;
    width: auto !important;
}

a.more{
    color: #777;
    font-size: 21px;
    float: right;
    width: auto;
    height: auto;
}
.details .header a.more p{
    color: #575756 !important;
    font-size: 14px;
}
.details .header a.more {
    font-size: 14px !important;
    margin-left: 30px !important;
    margin-right: 0px !important;
    float: right !important;
}
a.more:hover{
    opacity: 0.6;
}
a.more p{
    float: right;
}
a.more i{
    float: left;
    margin-top: 3px;
    margin-right: 8px;
    font-size: 23px;
}
.details .header a.more i {
    float: left;
    margin-top: -3px;
    margin-right: 8px;
    font-size: 23px;
}
section.details .left .content{
    height: auto;
}
section.details .left .content .text{
    width: 100%;
    /* height: auto; */
    height: 300px !important;
    float: left;
    background-color: #E3E3E3;
    padding: 30px;
    position: relative;
}
section.details .left .content .text .arrow-right {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: -19px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #E3E3E3;
    z-index: 9999;
}
section.details .left .content .text .arrow-left {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: -19px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right:20px solid #E3E3E3;
    z-index: 9999;
}
section.details .left .content .text .date{
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;
}
section.details .left .content .text h2{
    width: 100%;
    height: auto;
    float: left;
    font-size: 23px;
    color: #484848;
    margin-bottom: 10px;
}
section.details .left .content .text .textDetails{
    width: 100%;
    height: auto;
    float: left;
}
section.details .left .content .text p{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-size: 15px;
    color: #575756;
    margin-bottom: 10px;
}
section.details .left .content .item{
    width: 100%;
    height: auto;
    float: left;
    background-size: cover;
    background-position: center;
}
section.details .left .content .item img{
    width: 100%;
}
.text a.more{
    float: left;
    color: #575756;
    font-size: 15px;
    width: 100%;
    height: auto;
    margin-top: 10px;
    line-height: 26px;
}
.text a.more:hover{
    opacity: 0.6;
}
.text a.more h4{
    float: right;
    color: #575756 !important;
    font-size: 15px;
    margin-top: 3px;
}
.text a.more i{
    float: left;
    color: #777;
    font-size: 23px;
    margin: 0px 10px 0px 0px;
}
section.details .right .content{
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}
section.details .right .content .item{
    width: 100%;
    height: 280px;
    float: left;
    background-size: cover;
    background-position: center;
}
section.details .right .content .text{
    width: 100%;
    height: 140px;
    float: left;
    background-color: #E3E3E3;
    padding: 30px;
    border-bottom: 5px solid #777;
    position: relative;
}
section.details .right .content .text h2{
    width: 100%;
    margin-bottom: 10px;
}
section.details .right .content .text p{
    color: #575756;
    float: left;
    line-height: 31px;
}
section.details .right .content .text i{
    border-radius: 50%;
    border: 1px solid #777;
    width: 28px;
    height: 28px;
    text-align: center;
    padding: 1px 0px;
}
section.details .right .content .text .arrow-up {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #e3e3e3;
    position: absolute;
    top: -20px;
    left: 40px;
}
section.details .sectionWeather{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 80px;
}
section.details .sectionWeather .date{
    width: 100%;
    height: auto;
    min-height: 250px;
    float: left;
    border-top: 1px solid #e3e3e3;
    padding: 85px 0px 0px 0px;
}
section.details .sectionWeather .date .weather{
    width: 100%;
    height: auto;
    float: left;
}
section.details .sectionWeather .date .weather span{
    width: 100%;
    float: left;
    font-size: 30px;
    color: #b5994f;
    padding-bottom: 30px;
}
section.details .sectionWeather .date .weather h2{
    float: left;
    color: #1c3664;
    font-size: 45px;
    width: auto;
}
section.details .sectionWeather .date .weather h2 span{
    color: #1c3664;
    float: right;
    text-align: right;
    width: auto;
    margin: 0px 25px;
    font-size: 45px;
}
section.details .sectionWeather .date .weather h2 span i{
    color: #777;
    font-size: 40px;
    margin-right: 10px;
}
section.details .sectionWeather .date .weather p{
    float: left;
    margin-top: 8px;
    font-size: 30px;
}
section.details .sectionWeather .itme{
    width: 100%;
    height: 250px;
    float: left;
    background-image: url('/public/img/natural-2.jpg');
    background-size: cover;
    background-position: center;
    background-color: rgba(44, 67, 86,0.2);
    text-align: center;
    position: relative;
}
section.details .sectionWeather .itme .mask{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(44, 67, 86,0.6);
}
section.details .sectionWeather .itme img{
    position: absolute;
    top: 25%;
    right: 50%;
    width: 90px;
    margin-right: -42px;
}
section.details .sectionWeather .itme a.more{
    position: absolute;
    bottom: 18px;
    right: 50%;
    margin-right: -95px;
    color: #ffffff;
}
section.details .sectionWeather .itme a.more i{
    border-radius: 50%;
    border: 1px solid #ffffff;
    width: 28px;
    height: 28px;
    text-align: center;
    margin-top: 0;
}
.bigSlider{
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 0px;
}
.bigSlider:before{
    content: "";
    position: absolute;
    width: 100%;
    top: 60px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #EFEFEF;
}
.bigSlider .carousel.slide{
    width: 100%;
    height: 250px;
    float: left;
}
.bigSlider .carousel.slide .mask{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(199,199,199,0.3);
    z-index: 999;
}
.bigSlider .carousel.slide a{
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 9999;
    color: #ffffff;
    width: 100%;
    text-align: center;
    font-size: 35px;
}
.bigSlider .carousel.slide a:hover{
    opacity: 0.6;
}
.bigSlider .carousel.slide .carousel-indicators{
    position: absolute;
    right: 0;
    left: auto;
    bottom: -22px;
    text-align: right;
}
.bigSlider .carousel.slide .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #253e6b;
    border-radius: 10px;
}
.bigSlider .carousel.slide .carousel-indicators li.active {
    background-color: #396ba9;
}
.bigSlider .carousel.slide .carousel-inner{
    width: 100%;
    height: 250px;
    float: left;
}
.bigSlider .carousel.slide .carousel-inner .item{
    width: 100%;
    height: 250px;
    float: left;
    background-size: cover;
    background-position: center;
}

/*End details homePage*/



/* Start Art Facilitie */

section.parallaxSection {
    overflow: hidden;
    padding-bottom: 0px;
}
section.parallaxSection .parallax {
    background: url(/public/img/mainParallax.jpg) top fixed no-repeat;
    background-size: cover;
    height: 300px;
    padding-top: 100px;
}
section.parallaxSection .parallax h2{
    width: 100%;
    float: left;
    margin-bottom: 20px;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
}
section.parallaxSection .parallax p{
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px 10%;
    font-size: 24px;
    color: #cecece;
}
section.parallaxSection .horseAnimated{
    position: absolute;
    top: 26px;
    left: -397px;
    transition: all 2s;
}
section.parallaxSection .horseAnimated.open{
    left: 0px;
    transition: all 2s;
}
section.parallaxSection .bottomTitle{
    width: 100%;
    position: absolute;
    height: 72px;
    background-color: #777;
    right: -100%;
    transition: all 2s;
    text-align: center;
}
section.parallaxSection .bottomTitle a{
    line-height: 72px;
    font-size: 23.41px;
    color: #FFFFFF;
    opacity: 0;
    position: absolute;
    left: 45.45%;
    right: auto;
    z-index: 99;
}
section.parallaxSection .bottomTitle a:hover{
    opacity: 0.6 !important;
}
section.parallaxSection .bottomTitle a img{
    margin-right: 10px;
}
section.parallaxSection .bottomTitle.open{
    right: 0%;
    transition: all 2s;
}
section.parallaxSection .bottomTitle a.open{
    opacity: 1;
    transition: all 2s;
}
section.parallaxSection .subscribeSectionContent{
    float: left;
    width: 100%;
    background-color: #f0f0f0;
    /* margin-top: 200px; */
    padding: 15px 0px;
}
section.parallaxSection .subscribeSectionContent h2{
    font-size: 22px;
    color: #575756;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}
section.parallaxSection .subscribeSectionContent p{
    font-size: 14px;
    color: #575756;
    width: 100%;
    text-align: center;
    padding: 0 5%;
}
section.parallaxSection  .form-control {
    display: block;
    float: right;
    margin-right: 15px;
    width: 350px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #575756;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -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;
    margin-bottom: 0px;
}
section.parallaxSection .loginBtn {
    float: right;
    width: 115px;
    border-radius: 0;
    background-color: #1b3564;
    border-color: #1b3564;
    text-align: center;
    padding-left: 10px;
    color: #fff;
    font-size: 13px;
}
section.parallaxSection .loginBtn .fa {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 2px 5px 2px 6px;
    margin-right: 9px;
    margin-top: -4px;
    font-size: 11px;
}
section.parallaxSection .loginBtn:hover {
    color: #cac9c9;
    transition: 0s;
}
section.parallaxSection .loginBtn:hover .fa {
    color: #cac9c9;
    border: 2px solid #cac9c9;
    transition: 0s;
}
section.parallaxSection .rss{
    margin-top: 15px;
    font-size: 13px;
    color: #575756;
}
section.parallaxSection .rss .fa{
    color: #575756;
    margin-right: 9px;
    font-size: 23px;
    vertical-align: middle;

}
/*Start gallery*/

section.gallery .slick-slide img {
    width: 100%;
}
section.gallery .gallerySlider{
    overflow: hidden;
}
section.gallery .slick-slide {
    height: 370px;
}
section.gallery .imgContent{
    width: 100%;
    height: 370px;
    background-size: cover;
    background-position: center center;
}

section.gallery  .galleryFooter{
    background-color: #fff;
    height: 50px;
    width: 100%;
    float: left;
}

section.gallery .galleryBtn  {
    position: absolute;
    color: #AD8F48;
    right: 9%;
    bottom: 15px;
    font-size: 21px;
}
section.gallery .galleryBtn:hover {
    opacity: 0.6;
    transition: none;
}
section.gallery .galleryBtn .fa {
    color: #AD8F48;
    border: 2px solid #AD8F48;
    border-radius: 50%;
    padding: 2px 0px 0px 9px;
    margin-right: 9px;
    margin-top: 0px;
    font-size: 20px;
    width: 28px;
    height: 28px;
}
.gallery .gallerySlider .galleryAnimation0 .imgContent{
    margin-left: -450px;
    opacity: 0;
}
.gallery .gallerySlider .galleryAnimation0 .imgContent.animate{
    transition: all 1s;
    margin-left: 0px;
    opacity: 1;
}
.gallery .gallerySlider .galleryAnimation1 .imgContent{
    margin-top: 450px;
    opacity: 0;
}
.gallery .gallerySlider .galleryAnimation1 .imgContent.animate{
    transition: all 1s;
    margin-top: 0px;
    opacity: 1;
}
.gallery .gallerySlider .galleryAnimation2 .imgContent{
    margin-left: 450px;
    opacity: 0;
}
.gallery .gallerySlider .galleryAnimation2 .imgContent.animate{
    transition: all 1s;
    margin-left:  0px;
    opacity: 1;
}
.fancybox-opened {
    z-index: 999999;
}
.fancybox-overlay {
    z-index: 99999;
}
.fancybox-nav span {
    visibility: visible;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all{

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{
        background-image: url(/public/img/fancybox_sprite.png);
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }
}

.galleryList .title {
    float: left;
    width: 100%;
    height: 230px;
    background-color: #f0f0f0;
    padding: 44px 9%;
}
.galleryList .subTitleContent {
    float: left;
    width: 100%;
    height: 121px;
    padding: 73px 0px 15px 0px;
    background-color: #2f64a5;
    margin-bottom: 5px;
}
.galleryList .subTitleContent h2{
    float: left;
    width: 100%;
    height: auto;
    color: #fff;
    padding-left: 30px;

    font-size: 25px;
}

.subPage.galleryList .galleryItem {
    float: left;
    width: 25%;
    border: 5px solid #FFF;
    border-left: 0;
    border-right: 10px solid #fff;
}
.subPage.galleryList .galleryItem:nth-child(4n+0) {
    border-right: 0;
}
.subPage.galleryList .imgContent {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
}
.subPage.galleryList .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
    float: right;
    margin-right: 30px;
}
.subPage.galleryList .pagination>li>a,.subPage.galleryList .pagination>li>span,.subPage.galleryList .pagination>li .prev,.subPage.galleryList .pagination>li .next {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    border:0;
    cursor: pointer;
}
.subPage.galleryList .pagination>li>a.active{
    color: #ffffff;
}
.subPage.galleryList .pagination>li .prev .fa{
    margin-left: 10px;
}
.subPage.galleryList .pagination>li .next .fa{
    margin-right: 10px;
}
.subPage.galleryList .pagination>li:hover .prev .fa,.subPage.galleryList .pagination>li:hover .prev{
    color: #000000;
}
.subPage.galleryList .pagination>li:hover .next .fa,.subPage.galleryList .pagination>li:hover .next{
    color: #000000;
}

.gallery-image{
  height:200px;
  margin-bottom: 15px;
}

/*End gallery*/





/*Start Footer */
section.footer{
    height: auto;
    background-color: #1c3664;
}
#map-canvas {
    width: 100%;
    height: 350px;
}
section.footer .getInTouch {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
}
section.footer .getInTouch.wrapper{
    padding: 60px 0px;
}
section.footer .getInTouch h2 {
    width: 100%;
    height: auto;
    position: relative;
    color: #C6C9C8;
    margin-bottom: 30px;
    font-size: 24px;
}
section.footer .getInTouch p {
    width: 100%;
    height: auto;
    position: relative;
    color: #C6C9C8;
    font-size: 13px;
    line-height: 18px;
}

.contact-information{
  font-size: 15px;
}
section.footer .footerMenu  {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px 0px;
    background-color: #c7c7c7;
}
section.footer .footerMenu .left,section.footer .footerMenu .right   {
    width: 100%;
    height: auto;
    float: left;
    color: #575756;
    font-size: 12px;

}
section.footer .footerMenu .left a{
    float: left;
}
section.footer .footerMenu .left a.osr{
    float: left;
    width: 100%;
    color: #575756;
    font-size: 12px;
}
section.footer .footerMenu .left a.osr:hover{
    color: #fff;
}
section.footer .footerMenu .left p{
    float: left;
    margin: 13px 0px;
}
section.footer .footerMenu .left img{
    vertical-align: middle;
}
section.footer .footerMenu .right ul{
    width: 100%;
    float: left;
    padding-top: 11px;
}
section.footer .footerMenu .right ul li{
    width: auto;
    float: right;
}
section.footer .footerMenu .right ul li a{
    width: auto;
    float: left;
    font-size: 14px;
    color: #DDCFAC;
    padding: 0px 10px;
    border-right: 1px solid #DDCFAC;
}
section.footer .footerMenu .right ul li a:hover{
    color: #11110f;
}
section.footer .footerMenu .right ul li:first-child a{
    border:none;
    padding-right: 0;
}

/*End Footer*/


section.parallaxSection .form-control::-webkit-input-placeholder {
    font-size: 13px;
    color: #777;
}
section.parallaxSection .form-control:-moz-placeholder { /* Firefox 18- */
    font-size: 13px;
    color: #777;
}
section.parallaxSection .form-control::-moz-placeholder {  /* Firefox 19+ */
    font-size: 13px;
    color: #777;
}
section.parallaxSection .form-control:-ms-input-placeholder {
    font-size: 13px;
    color: #777;
}
/* End Art Facilitie */




/*Start SubPage*/
.subPage .subWraper{
    /* padding: 0px 12.2%; */
    padding: 0px 5.2%;
}
.subPage {
    padding-bottom: 100px;
    width: 100%;
    float: left;
}
.subPage.priceList{
    padding-bottom: 0px;
}
.subPage.servicesPage .detail .logoContent{
    float: left;
    width: 100%;
    height: auto !important;
}
.subPage.servicesPage .detail .logoContent img{
    width: auto;
    height: auto !important;
    max-height: 150px;
    display: block;
    float: right;
}

.subPage .imgContent {
    width: 100%;
    height: 600px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.subPage.about .imgContent{
    width: 100%;
    height: 500px;
    float: left;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
}
.subPage.about .title{
    width: 100%;
    height: auto;
    float: left;
    background-color: #f0f0f0;
    color: #1b3564;
    font-size: 28px; 
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

.subPage.about .subTitle{
    width: 100%;
    height: auto;
    float: left;
    font-size: 25px;
    color: #777;
    margin-bottom: 30px;
}
.subPage.about .title h2{
    font-size: 36px;
    color: #777;
}
.subPage.about .detail{
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    height: auto;
    float: left;
}
.subPage.about .detail strong{
    width: 100%;
    font-size: 27px;
    color: #777;
    margin-bottom: 15px;
}
.subPage.about .detail span {
    margin-right: 15px;
}
.subPage.about .detail p{
    font-size: 14px;
    color: #575756;
    margin-bottom: 30px;
}
.subPage.about .detail p em{
    font-weight: bold;
}
.subPage.about .detail h3{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
}
.subPage.about .detail a.download{
    float: left;
    font-size: 20px;
    color: #4f5052;
}
.subPage.about .detail a.download i{
    color: #777;
    font-size: 15px;
    margin-right: 6px;
}
.subPage.about .detail a.download:hover{
    opacity: 0.6;
}
/*End About*/

/*Start Location*/
.subPage.location .imgContent .detail{
    position: absolute;
    width: 320px;
    height: auto;
    right: 9%;
    bottom: 30px;
}
.subPage.location .imgContent .detail h2{
    width: 100%;
    height: auto;
    float: left;
    text-align: right;
    color: #fff;
    font-size: 35px;
}
.subPage.location .imgContent .detail h2 p{
    width: 100%;
    height: auto;
    float: left;
    text-align: right;
    color: #fff;
    font-size: 35px;
}

/*End Location*/


/*Star openingHours*/
.subPage.about.openingHours .title {
    width: 100%;
    height: auto;
    float: left;
    background-color: #282827;
    color: #fff;
    font-size: 26px;
    padding-top: 11px;
    padding-bottom: 11px;
}

.subPage.about .openingHoursDetail{
    float: left;
    width: 100%;
    height: auto;
}
.subPage.about .openingHoursDetail .title{
    float: left;
    width: 100%;
    height: auto;
    background-color: #777 !important;
    color: #fff !important;
    font-size: 15px;
}
.subPage.about .openingHoursDetail .title ul li {
    float: left;
    width: 28%;
}

.subPage.about .openingHoursDetail .contentList{
    float: left;
    width: 100%;
    padding-bottom: 50px;
}
.subPage.about .openingHoursDetail .contentList .item{
    float: left;
    width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid #D2C193;
}
.subPage.about .openingHoursDetail .contentList .item:last-child{
    border:none;
}
.subPage.about .openingHoursDetail .contentList .item li{
    float: left;
    width: 28%;
    line-height: 46px;

}
.subPage.about .openingHoursDetail .contentList .item li:first-child{
    float: left;
    width: 80px;
    line-height: 46px;

}
.subPage.about .openingHoursDetail .contentList .item li img{
    vertical-align: middle;
    margin-right: 15px;

}

/*Star openingHours*/






.subPage .left .title{
    width: 100%;
    height: auto;
    float: left;
    background-color: #F8F8F8;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

.subPage .left .subTitle{
    width: 100%;
    height: auto;
    float: left;
    font-size: 25px;
    color: #808080;
    margin-bottom: 30px;
}
.subPage .left .title h2{
    font-size: 37px;
    float: left;
}
.subPage .left .detail{
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    height: auto;
    float: left;
}
.subPage .left .detail em{
    font-size: 22px;
    color: #575756;
    width: 100%;
    font-style: normal;

}

.subPage .left .detail p{
    font-size: 14px;
    color: #575756;
    margin-bottom: 30px;
}
.subPage .left .detail h3{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
}
.subPage .left .detail span{
    margin-right: 15px;
}
.subPage .left .detail h2{
    color:#D33B3B;
    font-size: 22px;
    margin-bottom: 30px;
}
.subPage .left .detail strong{
    color:#D33B3B;
    font-size: 22px;
    margin-bottom: 30px;
}
.subPage.karting .left .detail strong {
    color: #D33B3B;
    font-size: 16px;
    margin-bottom: 30px;
}

.subPage.activities_1 .left .detail strong{
    color: #D33B3B;
}



/*activiteDetail*/
.subPage .right .activiteDetail{
    float: left;
    width: 100%;
    height: auto;
    min-height: 600px;
    background-color: #F8F8F8;
    padding-top: 70px;
}
.subPage .right .activiteDetail h2,.subPage .left .activiteDetail h3,.subPage .left .activiteDetail p{
    float: left;
    width: 100%;
    height: auto;
}
.subPage .right .activiteDetail h2{font-size: 33.16px; padding: 15px 0px;}
.subPage .right .activiteDetail h3{font-size: 20px;}
.subPage .right .activiteDetail p{font-size: 13px; padding-top: 15px;}
.subPage .right .imgContent img{
    width: 100%;
    height: auto;
    float: left;
}
/*module*/
.subPage .right .module{
    float: left;
    width: 100%;
    height: auto;
    background-color: #F8F8F8;
    padding-top: 30px;
    padding-bottom: 30px;
}
.subPage .right .module .list{
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #D0D0CF;
}
.subPage .right .module .list ul{
    float: left;
    width: 100%;
    height: auto;
}
.subPage .right .module .list ul li{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    color: #777;
    font-size: 16px;
    text-decoration:none;
}
.subPage .right .module .list ul li a{

    color: #777 !important;

}
.subPage .right .module .list ul li a{
    color: #777;
    font-size: 17px;
}
.subPage .right .module .list ul li:hover{
    opacity: 0.6;
}
.subPage .right .module .list ul li:last-child:hover{
    opacity: 1;
}
.subPage .right .module .list ul li img{
    margin-right: 15px;
    vertical-align: middle;
    width: 20px;
}
/*weather*/
.subPage .right .weather{
    float: left;
    width: 100%;
    height: auto;
    background-color: #F8F8F8;
    padding-bottom: 50px;
    padding-left: 17%;
}
.subPage .right .weather .wi{
    margin-left: 15px;
    margin-right: 15px;
    color: #777;
    font-size: 35px;
}
.subPage .right .weather span{
    float: left;
    width: 100%;
    color: #8C8B8B;
    font-size: 13px;
}
.subPage .right .weather h2{
    float: left;
    width: 100%;
    color: #282827;
    font-size: 22px;
    margin-top: 15px;
}
.subPage .right .weather h2 span{
    font-size: 30px;
    float: none;
    color: #282827;
}
.subPage .right .weather h2 sup{
    font-size: 22px;
    color: #282827;
}
.subPage .right .weather h2 img{
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 15px;
}
.subPage .right .weather p{
    width: 100%;
    float: left;
    color: #8C8B8B;
    font-size: 13px;
    margin-top: 15px;
}


/*Start offRoadBuggies*/
.subPage.activities_1.offRoad .offRoadBuggies{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 15px;

}
.subPage.offRoad .offRoadBuggies .title{
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 15px;
    background-color: #D33B3B;
}

.subPage.offRoad .offRoadBuggies .title h2{
    font-size: 29px;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
}
.subPage.offRoad .offRoadBuggies .item {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 30px;

}
.subPage.offRoad .offRoadBuggies .item .imgCont{
    width: 100%;
    height: 240px;
    background-size: cover;
    background-position: center;
}
.subPage.offRoad .offRoadBuggies .item .detail{
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
}
.subPage.offRoad .offRoadBuggies .item .detail h2{
    width: 100%;
    height: auto;
    float: left;
    font-size: 20px;
    color: #D33B3B;
    margin-bottom: 15px;
}
.subPage.offRoad .offRoadBuggies .item .detail p{
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #575756;
}
.subPage.activities_1.offRoad .offRoadBuggies h3{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 30px;
    color: #575756;
    font-size: 23px;
    margin-bottom: 0px;
}
.subPage .right .activiteDetail .bigTitle{
    width: 100%;
    float: left;
    margin-top: 30px;
    font-size: 34px;
    font-weight: normal;
}


/*End offRoadBuggies*/

.subPage.activities_1 .left .title{
    color: #D33B3B;
}
.subPage.activities_1 .left .detail h3{
    color: #D33B3B;
}
.subPage .right .activiteDetail h2{color: #808080;}
.subPage.activities_1 .right .activiteDetail h3{color: #D33B3B;}
.subPage .right .activiteDetail p{color: #808080;}



/*******************************Start PriceList******************************/

.subPage.priceList .imgContent{
    background-size: cover;
    background-position: center;
    float: left;
    width: 100%;
    height: 600px;
}
.subPage.priceList .title{
    width: 100%;
    height: auto;
    float: left;
    color: #fff;
    font-size: 26px;
    padding-top: 11px;
    padding-bottom: 11px;
}
.subPage.priceList.active-1 .title{
    background-color: #D33B3B;
}
.subPage.priceList.active-2 .title{
    background-color: #1BA5CF;
}
.subPage.priceList.active-3 .title{
    background-color: #2AAC83;
}
.subPage.priceList.active-4 .title{
    background-color: #935695;
}
.subPage.priceList.active-5 .title{
    background-color: #777;
}
.subPage.priceList.active-6 .title{
    background-color: #E89D32;
}
.subPage.priceList.active-7 .title{
    background-color: #BAB613;
}
.subPage.priceList .tablePriceList{
    width: 100%;
    height: auto;
    float: left;
    padding: 0px 12.2%;
    margin-top: 50px;
    margin-bottom: 0px;
}
.subPage.priceList .tablePriceList h2{
    width: 100%;
    float: left;
    color: #b49648;
    padding: 15px 0px 15px 0px;
    font-size: 26px;
}
.subPage.priceList .tablePriceList P{
    width: 100%;
    float: left;
    font-size: 16px;
}
.subPage.priceList .tablePriceList P.left{
    width: 50%;
    float: left;
    border-right: 1px solid #ffffff;
    line-height: 37px;
    height: 100%;
}
.subPage.priceList .tablePriceList P.right{
    width: 50%;
    float: right;
    line-height: 37px;
    height: 100%;
}
.subPage.priceList .tablePriceList .titleList{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    background-color: #4f5052;
    color: #ffffff;
    font-size: 16px;
    border-right: 1px solid #ffffff;
    padding: 15px 0px;
}
.subPage.priceList.about .tablePriceList .titleList{
    height: 83px;
}
.subPage.priceList.equestrian .tablePriceList .titleList{
    height: 70px;
}
.subPage.priceList.active-5 .tablePriceList .titleList{
    height: 50px;
}
.subPage.priceList.active-7 .tablePriceList .titleList,
.subPage.priceList.active-6 .tablePriceList .titleList{
    height: 80px;
}
.subPage.priceList.active-7 .tablePriceList .titleList.three{
    height: 55px;
}
.subPage.priceList.active-7 .tablePriceList .titleList.Two{
    height: 105px;
}
.subPage.priceList.active-7 .tablePriceList .titleList.four{
    height: 80px;
}
.subPage.priceList .tablePriceList .left .titleList{
    float: left;
    text-align: left;
    padding-left: 30px;
}
.subPage.priceList .tablePriceList .right .titleList.test{
    padding-top: 35px;
}
.subPage.priceList.about .tablePriceList .left .titleList{
    padding-top: 12px;
    padding-left: 0;
}
.subPage.priceList .tablePriceList .left .titleList.center{
    padding-top: 15px;
    float: left;
    text-align: left;
    padding-left: 30px;
    height: auto;
    text-align: center;
    border-right: 1px solid #4f5052;
}
.subPage.priceList .tablePriceList .left .titleList span{
    width: 100%;
    float: left;
    padding: 0px 0px 10px 30px;
}
.subPage.priceList.active-7 .tablePriceList .left .titleList span{
    padding: 5px 0px 15px 30px;
}
.subPage.priceList .tablePriceList .left .titleList p{
    width: 100%;
    float: left;
    padding: 0px 0px 10px 30px;
}
.subPage.priceList.active-7 .tablePriceList .left .titleList p{
    padding: 10px 0px 10px 30px;
}
.subPage.priceList .tablePriceList .left .titleList p.sub{
    padding-top: 14px;
}
.subPage.priceList.active-5 .tablePriceList .left .titleList{
    padding-top: 15px;
    float: left;
    text-align: left;
    padding-left: 30px;
}
.subPage.priceList.active-7 .tablePriceList .left .titleList,
.subPage.priceList.active-6 .tablePriceList .left .titleList{
    padding-top: 10px;
    float: left;
    text-align: left;
    padding-left: 0px;
}
.subPage.priceList.active-7 .tablePriceList .center .titleList,
.subPage.priceList.active-5 .tablePriceList .center .titleList{
    padding-top: 15px;
}
.subPage.priceList.active-7 .tablePriceList .right .titleList.four,
.subPage.priceList.active-7 .tablePriceList .center .titleList.four{
    padding-top: 29px;
}
.subPage.priceList.active-7 .tablePriceList .center .titleList p.center{
    padding-top: 10px;
}

.subPage.priceList.active-6 .tablePriceList .right .titleList,
.subPage.priceList.active-6 .tablePriceList .center .titleList{
    padding-top: 27px;
}
.subPage.priceList.swimming.active-6 .tablePriceList .right .titleList{
    padding-top: 15px;
}
.subPage.priceList.swimming.active-6 .tablePriceList .center .titleList{
    padding-top: 15px;
}
.subPage.priceList.swimming.active-6 .tablePriceList .center .titleList.members,
.subPage.priceList.swimming.active-6 .tablePriceList .right .titleList.members{
    padding-top: 27px;
}
.subPage.priceList.active-7 .tablePriceList .left .titleList{
    padding-top: 12px;
}
.subPage.priceList.active-7 .tablePriceList .left .titleList.three{
    padding-top: 15px;
    padding-left: 30px;
}
.subPage.priceList .tablePriceList .leftCenter .titleList{
    padding-top: 35px;
}
.subPage.priceList .tablePriceList .right .titleList{
    border-right: 0px;
}
.subPage.priceList .tablePriceList .new .titleList{
    padding-top: 22px;
}
.subPage.priceList .tablePriceList .titleList span{
    width: 100%;
    float: left;
    height: auto;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.subPage.priceList.swimming .tablePriceList .titleList span{
    margin-bottom: 0px;
}
.subPage.priceList.active-7 .tablePriceList .titleList span{
    margin-bottom: 5px;
}
.subPage.priceList .tablePriceList .text{
    width: 100%;
    float: left;
    height: auto;
    min-height: 51px;
    border: 1px solid #4f5052;
    text-align: center;
    padding: 5px 0px;
    border-top: 0;
    border-left: 0;
    position: relative;
}
.subPage.priceList.swimming .tablePriceList .text{
    min-height: 61px;
}
.subPage.priceList .tablePriceList .text.black{
    background-color: #4f5052;
}
.subPage.priceList .tablePriceList .text.black p{
    color: #fff;
}
.subPage.priceList .tablePriceList.paintball .text{
    min-height: 71px;
}

.subPage.priceList.active-6 .tablePriceList .text,
.subPage.priceList.active-2 .tablePriceList .text,
.subPage.priceList.active-3 .tablePriceList .text{
    padding-top: 15px;
}
.subPage.priceList.active-7 .tablePriceList .text{
    min-height:55px;
    padding-top: 0px;
    padding-bottom: 0;
}
.subPage.priceList.active-6 .tablePriceList .text .left{
    border-right: 1px solid #4f5052;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding-top: 20px;
}
.subPage.priceList.active-6 .tablePriceList .text .right{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding-top: 20px;
}
.subPage.priceList.active-7 .tablePriceList .text.two{
    min-height:35px;
}
.subPage.priceList.active-7 .tablePriceList .text .left{
    border-right: 1px solid #4f5052;
    line-height: 54px;
}
.subPage.priceList.active-7 .tablePriceList .text .right{
    line-height: 54px;
}
.subPage.priceList .tablePriceList .left .text{
    border-left:  1px solid #4f5052;
    float: left;
    text-align: left;
    padding-left: 30px;
}
.subPage.priceList .tablePriceList .left.center .text{
    border-left:  0px;
}
.subPage.priceList.active-7 .tablePriceList .left .text {
    padding-top: 7px;
}
.subPage.priceList .tablePriceList .text p{
    font-size: 14px;
    color: #4f5052;
}
.subPage.priceList.active-5 .tablePriceList .text p{
    position: absolute;
    top: 30%;
}
.subPage.priceList .tablePriceList .text p.centerPrice{
    position: absolute;
    top: 34%;
}
.subPage.priceList .tablePriceList .right.sub .text p span{
    margin-left: 100px;
}
.subPage.priceList .tablePriceList .borderer{
    width: 100%;
    float: left;
    height: auto;
    padding: 5px 30px;
    background-color: #D33B3B;
    color:#ffffff;
    font-size: 15px;
    font-weight: bold;
}
.subPage.priceList .tablePriceList .borderer.center{
    text-align: center;
}
.subPage.priceList .tablePriceList .sectionOrang{
    width: 100%;
    float: left;
    height: auto;
    padding: 30px 30px;
    background-color: #E89D32;
    color:#ffffff;
    font-size: 20px;
    text-align: center;
}
.subPage.priceList.active-3 .tablePriceList .borderer{
    background-color: #2AAC83;
}
.subPage.priceList.active-4 .tablePriceList .borderer{
    background-color: #935695;
}
.subPage.priceList.active-6 .tablePriceList .borderer{
    background-color: #E89D32;
}
.subPage.priceList.active-7 .tablePriceList .borderer{
    background-color: #BAB613;
}
.subPage.priceList.active-7 .tablePriceList .right .text.two p,
.subPage.priceList.active-7 .tablePriceList .center .text.two p{
    padding-top: 7px;
}
/****************************End PriceList********************************/


/*Start login*/

section.login .loginContent{
    float: left;
    width: 100%;
}
section.login .left {
    float: left;
    width: 100%;
    height: auto;
    background-color: #ebebeb;
    padding: 100px 0px;
}
section.login .right .alert-danger,
section.login .left .alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    float: left;
    width: 100%;
    margin-left: 15px;
}
section.login .right {
    float: left;
    width: 100%;
    background-color: #282827;
    padding: 100px 0px;
}
section.login h2{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #777;
    margin-bottom: 20px;
}
section.login.register h2{
    padding-left: 13%;
}
section.login .form-control {
    background-color: transparent;
    margin-bottom: 15px;
    border: 1px solid #777;
    border-radius: 0;
    font-size: 15px;
    color: #282827;
    padding-right: 12px;
    height: 44px;
}
section.login .right .form-control {
    color: #777;
}
section.login .left .form-control {
    border: 1px solid #282827;
}
section.login .topSearch .form-control {
    margin-bottom: 0px;

}
section.login .form-control::-webkit-input-placeholder {
    font-size: 15px;
    color: #A9A9A9;
}
section.login .form-control:-moz-placeholder { /* Firefox 18- */
    font-size: 15px;
    color: #A9A9A9;
}
section.login .form-control::-moz-placeholder {  /* Firefox 19+ */
    font-size: 15px;
    color: #A9A9A9;
}
section.login .form-control:-ms-input-placeholder {
    font-size: 15px;
    color: #A9A9A9;
}
section.login .loginBtn{
    width: 100%;
    float: left;
    background-color: #777;
    color: #fff;
    font-size: 21px;
    border-radius: 0px;
    border:0px;
}
section.login .loginBtn:hover{
    opacity: 0.8;
}
section.login .left .loginBtn{
    background-color: #282827;
    color: #777;
}
section.login .resetPass{
    width: 100%;
    float: left;
    color: #777;
    font-size: 13px;
    margin-top: 15px;
}
section.login .left .resetPass:hover{
    color: #282827;
}
section.login .right .resetPass:hover{
    color: #fff;
}
section.login.register .resetPass{
    padding-left: 26%;
}
section.login p{
    margin-bottom: 15px;
    width: 100%;
    float: left;
    height: auto;
}
section.login .account{
    width: 100%;
    height: auto;
}
section.login .account h2{
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #777;
    margin-bottom: 20px;
}
section.login p{
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 20px;
    color: #808080;
    margin-bottom: 20px;
}
section.login .accountBtn{
    width: 100%;
    float: left;
    background-color: #282827;
    color: #777;
    font-size: 21px;
    border-radius: 0px;
    border:0px;
}
section.login .left .accountBtn{
    background-color: transparent;
    border: 2px solid #282827;
    color: #282827;
}
section.login .left .create{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid #6a6b6b;
}
section.login .right .create{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid #777;
}
section.login .right .accountBtn{
    background-color: transparent;
    border: 2px solid #777;
}
section.login .accountBtn:hover{
    background-color: #282827;
    color: #fff;
}
section.login .right .accountBtn:hover{
    background-color: #777;
    color: #fff;
}
section.login .loginFooter {
    width: 100%;
    height: auto;
    float: left;
    background-color: #ebebeb;
    font-size: 16px;
    color: #808080;
    text-align: left;
    margin-top: 100px;
    padding: 25px 0px;
}
section.login .loginFooter span{
    margin-left: 30px;
}

section.login .registered .has-feedback i{
    position: absolute;
    top: 0 !important;
}
/*End login*/

/*Start aboutSancak*/
.aboutSancak .imgContent {
    width: 100%;
    height: 650px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
/*End aboutSancak*/

/*
Generic Styling, for Desktops/Laptops
*/
.subPage table {
    width: 100%;
    border-collapse: collapse;

}
/* Zebra striping */
/* .subPage tr:nth-of-type(odd) {
    background: #eee;
} */
/* .subPage th {
    background: #333;
    color: white;
    font-weight: bold;
}
.subPage td,.subPage th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
} */

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    .subPage table, .subPage thead, .subPage tbody, .subPage th, .subPage td, .subPage tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .subPage thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .subPage tr { border: 1px solid #ccc; }

    .subPage td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .subPage td:before {
        position: absolute;
        top: 10px;
        left: 6px;
        width: 33%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        padding-left: 15px;

        /*
        Label the data
        */

    }

}




/*Start Dining*/
.servicesPage .title{
    float: left;
    width: 100%;
    height: 178px;
    background-color: #f0f0f0;
    padding: 44px 9%;
}
.servicesPage .title h2{
    float: left;
    font-size: 30px;
    color: #1a3464;
}
.servicesPage .title p{
    float: right;
    font-size: 21px;
    line-height: 49px;
    color: #777;
}
.servicesPage .servicesPageContent{
    float: left;
    width: 100%;
    padding: 0px 9%;
    min-height: 200px;
    margin-top: -60px;
}
.servicesPage .servicesPageContent .newsContent{
    background-color: #E3E3E3;
}
.newsDetailsContent{
    float: left;
    width: 100%;
    height: auto;
    background-color: #EFEFEF;
}
.newsDetailsContent .left{
    padding-bottom: 100px;
}
.newsDetailsContent .left .backBtn{
    float: right;
    margin-top: 40px;
}
.newsDetailsContent .left .backBtn a {
    font-size: 17px;
    color: #ba9547;
}
.newsDetailsContent .left .backBtn a:hover{
    color: #575756 !important;
}
.newsDetailsContent .left .backBtn .fa {
    color: #ba9547;
    border: 2px solid #ba9547;
    border-radius: 50%;
    padding: 3px 8px 3px 7px;
    margin-right: 0px;
    margin-left: 13px;
    font-size: 13px;
}
.newTable{
    width: 100%;
    height: auto;
    float: left;
}
.newTable .title{
    width: 100%;
    height: auto;
    float: left;
    padding: 10px;
    text-align: center;
    color: #1C1C1B;
    font-size: 20px;
    background-color: #d2d0d0;
    margin: 15px 0px;
}

.newsDetailsContent .left .backBtn a:hover .fa {
    color: #575756 !important;
    border-color: #575756 !important;
}
.newsDetailsContent .left .imgCont{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 40px;
}
.newsDetailsContent .left .imgCont img{
    float: left;
    width: 100%;
    height: auto;
}
.newsDetailsContent{
    float: left;
    width: 100%;
    height: auto;
    background-color: #EFEFEF;
    padding-top: 15px;
}
.newsDetailsContent .right{
    padding: 15px 60px;
}
.newsDetailsContent .right .date{
    float: left;
    width: 100%;
    height: auto;
    color: #777;
    font-size: 14px;
    margin-top: 6px;
}
.newsDetailsContent h2{
    float: left;
    width: 100%;
    height: auto;
    color: #777;
    font-size: 27px;
    margin-top: 10px;
}
.newsDetailsContent p{
    float: left;
    width: 100%;
    height: auto;
    color: #575756;
    font-size: 14px;
    margin-top: 20px;
    text-align: left;
}
.newsDetailsContent a{
    float: left;
    width: 100%;
    height: auto;
    color: #555;
    padding: 10px 15px;
    /*background-color: #777;*/
    font-size: 14px;
    margin-top: 20px;
}
.newsDetailsContent a:hover{
    color: #907327;
}



#personalDetails{
    float: left;
    width: 100%;
    margin-top: 30px;
}

#personalDetails .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #C6C6C6;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
#personalDetails .control-label {
    font-size: 15px;
    float: left;
    width: 100%;
    color: #1C1C1B;
    margin-bottom: 7px;
    text-align: left;
}
#personalDetails .myBtnGroup {
    float: left;
    width: 100%;
    border: 0;
}
#personalDetails .btn-group label.btn {
    float: left;
    width: 100%;
    border: 1px solid #C6C6C6;
    border-radius: 0px !important;
    padding: 0 15px;
    border-bottom: 0;
    margin-left: 0;
}
#personalDetails .myBtnGroup label.btn {
    float: left;
    width: 100%;
    border: none;
    border-radius: 0px !important;
    padding: 0 15px;
}
#personalDetails .btn-group label.btn .fa.fa-dot-circle-o {
    display: none;
}
#personalDetails .btn-group label.btn .fa {
    float: left;
    margin-right: 15px;
}
#personalDetails .btn-group label.btn:first-child {
    border-top: 1px solid #C6C6C6;
}
#personalDetails .btn-group label.btn.active {
    box-shadow: none;
}
#personalDetails .btn-group label.btn,
#personalDetails .btn-group label.btn.active {
    box-shadow: none;
}
#personalDetails label.active.btn .fa.fa-circle-o {
    display: none;
}
#personalDetails .btn-group label.active.btn .fa.fa-dot-circle-o {
    display: block;
}
#personalDetails .fa-dot-circle-o:before {
    content: "\f111";
    color: #777;
    font-size: 21px;
}
#personalDetails .btn-group label.btn p {
    float: left;
    width: auto;
    font-weight: 700;
    line-height: 35px;
    min-width: 70%;
    font-size: 15px;
    color: #343332;
    text-align: left;
}
#personalDetails .btn-group label.btn{
    border: 1px solid #C6C6C6;
}
#personalDetails label input[type="radio"] ~ i.fa.fa-circle-o {
    color: #777;
    font-size: 21px;
    margin-top: 6px;
}
#personalDetails .continueBtn {
    float: left;
    width: 190px;
    height: 43px;
    background-color: #777;
    border-color: #777;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    line-height: 40px;
    padding: 0px;
    border-radius: 0px;
    margin-top: 15px;
    opacity: 0;
}
#personalDetails .continueBtn.fadeInUp{
    opacity: 1;
    transition: all 0.5s;
}
#personalDetails .continueBtn img{
    vertical-align: middle;
    margin-left: 15px;
}
#personalDetails .continueBtn:hover{
    background-color: #907327;
    border-color: #907327;
}


.servicesPage .servicesPageContent .item{
    float: left;
    width: 100%;
    height: 330px;
    position: relative;
}
.servicesPage .newsContent .item{
    height: auto;
}
.servicesPage .servicesPageContent .item .text{
    padding: 84px;
    background-color: #2f64a5;
    color: #fff;
    font-size: 16px;
    height: 330px;
}
.servicesPage .servicesPageContent .item.open,
.servicesPage .servicesPageContent .item .text.open{
    height: auto;
    padding-bottom: 50px;
}
.servicesPage .servicesPageContent .item a{
    float: left;
    width: 100%;
    height: auto;
}
.servicesPage .servicesPageContent .item a .mask{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #1c1c1b;
    opacity: 0.7;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;

}
.servicesPage .servicesPageContent .item a:hover .mask{
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;

}
.servicesPage .servicesPageContent .item a .detail{
    width: 280px;
    height: 106px;
    font-size: 22px;
    color: #FFFFFF;
    top: 50%;
    left: 50%;
    margin-left: -140px;
    margin-top: -53px;
    position: absolute;
    text-align: center;
}
.servicesPage .servicesPageContent .item a .detail h2{
    width: 100%;
    text-align: center;
    float: left;
}
.servicesPage .servicesPageContent .item a .detail .fa{
    color: #777;
    border: 2px solid #777;
    border-radius: 50%;
    padding: 2px 0px 0px 2px;
    margin-right: 9px;
    margin-top: 15px;
    font-size: 24px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -16px;
    height: 34px;
    width: 34px;
}
.servicesPage .servicesPageContent .item a:hover .fa{
    color: #fff;
    border-color: #fff;
}
.servicesPage .servicesPageContent .item .imgContent{
    width: 100%;
    height: 330px;
    float: left;
    cursor: pointer;
}

.subPage .subMenu{
    float: left;
    width: 100%;
    height:auto;
    background-color: #1C1C1B;
    padding: 30px 9%;
}
.subPage .subMenu li{
    float: left;
    width: auto;
    padding: 0px 30px;
}
.subPage .subMenu li a{
    float: left;
    width: auto;
    max-width: 200px;
    line-height: 16px;
    text-align: center;
    color: #A4A4A3;
    font-size: 16px;
}
.subPage .subMenu li a:hover,.subPage .subMenu li.active a{
    color: #777;
}
.subPage.servicesPage .slide .fill {
    width: 100%;
    height: 560px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.subPage .carousel {
    position: relative;
    float: left;
    width: 100%;
}
.subPage.servicesPage .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #777;
    border-color: #777;
}
.subPage.servicesPage .carousel-indicators li {
    background-color: #D4D3D3;
    border-color: #D4D3D3;
}
.subPage.servicesPage .carousel-indicators {
    position: relative;
    bottom: 10px;
    left: 0;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    text-align: right;
    list-style: none;
    padding-right: 9%;
    margin-top: 30px;
}
.subPage.como .detail {
    float: left;
    width: 100%;
    height: auto;
    padding: 0px 9%;
}
.subPage.como .detail .link a{
    float: left;
    width: 100%;
    margin-top: 15px;
    font-size: 16px;
    color: #777;
    margin-left: -15px;
}
.subPage.como .detail .link a .fa{
    margin-right: 10px;
}
.subPage.como .detail h2{
    color: #777;
    font-size: 37px;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
.subPage.como .detail p{
    float: left;
    width: 50%;
    font-size: 14px;
    line-height: 30px;
}
.subPage.como .detail p span {
    margin-right: 15px;
}
.subFooter{
    width: 100%;
    float: left;
    height: auto;
    padding: 30px 9%;
    background-color: #777;

}
.subFooter h3{
    width: 100%;
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
}
.subFooter p{
    width: 100%;
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
}
.subFooter a{
    float: right;
    width: auto;
    height: auto;
}

/*End Dining*/

/*Start News*/

.newsContent.newsDirection .left{
    float: right;
}
.newsContent.newsDirection .right{
    float: left;
}

/*End News*/

/*End SubPage*/


/*---Start myProfile---*/
.myProfile .title {
    float: left;
    width: 100%;
    height: 178px;
    background-color: #282827;
    padding: 44px 9%;
}
.myProfile .title h2{
    float: left;
    font-size: 40px;
    color: #777;
}
.myProfile .innerTitle{
    float: left;
    width: 100%;
    height: 132px;
    min-height: 132px;
    margin-top: -60px;
    background-color: #777;
    padding: 30px;
    position: relative;
}
.myProfile .innerTitle .menu{
    width: 100%;
    height: auto;
    float: left;
}
.myProfile .innerTitle .menu a.btn-warning {
    color: #ffffff;
    background-color: #282827;
    border-color: #282827;
    width: auto;
    height: auto;
    float: right;
    margin-top: 38px;
    margin-left: 10px;
    border-radius: 0;
}
.myProfile .innerTitle .menu a.btn-warning:hover {
    color: #777;
}
.myProfile .innerTitle .menu .sub{
    margin-top: 50px;
}
.myProfile .innerTitle .menu img{
    float: left;
}
.myProfile .innerTitle .menu a.editProfileBtn{
    float: left;
    position: relative;
    overflow: hidden;
    width: 107px;
    height: 150px;

}

.myProfile .innerTitle .menu p.theName{
    float: left;
    color: #1C1C1B;
    font-size: 17px;
    padding-left: 50px;
    margin-top: 50px;
}
.myProfile .innerTitle .menu ul{
    width: 100%;
    height: auto;
    float: left;
}
.myProfile .innerTitle .menu ul li{
    width: auto;
    height: auto;
    float: right;
    margin-left: 40px;
}
.myProfile .innerTitle .menu ul li a{
    float: left;
    color: #ffffff;
    font-size: 17px;
}
.myProfile .innerTitle .menu ul li a.active,
.myProfile .innerTitle .menu ul li a:hover{
    color: #282827;
}
.myProfile .innerTitle .menu ul li.hoverIcon > a > img {
    display: inline-block;
    float: left;
    vertical-align: middle;
    margin-right: 5px;
    transition: 0.6s;
}
.myProfile .innerTitle .menu ul li.hoverIcon > a:hover > img:nth-child(1),
.myProfile .innerTitle .menu ul li.hoverIcon > a.active > img:nth-child(1),
.myProfile .innerTitle .menu ul li.hoverIcon > a > img:nth-child(2){
    display: none;
    transition: 0.6s;
}
.myProfile .innerTitle .menu ul li.hoverIcon a:hover > img:nth-child(2),
.myProfile .innerTitle .menu ul li.hoverIcon a.active > img:nth-child(2){
    display: block;
    transition: 0.6s;
}
.myProfile .details{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 50px;
}
.myProfile .details h2{
    float: left;
    font-size: 24px;
    color: #777;
    padding: 30px 0px 10px 0px;
    width: 100%;
}
.myProfile .title h2 {
    font-size: 30px;
}
/* .myProfile .details .dataTable{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 0px;
    padding: 0;
}
.myProfile .details .dataTable #dataTable thead th{
    background: #f2ede0;
    color: #777;
    font-weight: normal;
    padding: 19px 30px !important;
}
.myProfile .details .dataTable #dataTable thead th:after{
    top: 22px;
}
.myProfile .details .dataTable .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
}
.myProfile .details .dataTable .table-striped>tbody>tr:nth-of-type(even) {
    background-color: #fbf9f5;
}
.myProfile .details .dataTable table.table-bordered tbody th, table.table-bordered tbody td {
    border-left-width: 0;
    border-bottom-width: 0;
    color: #575756;
    font-size: 14px;
    padding: 15px 11px;
}
.myProfile .details .dataTable table.table-bordered tbody th, table.table-bordered tbody td a.history{
    color: #282827;
    font-size: 15px;
}
.myProfile .details .dataTable table.table-bordered tbody th, table.table-bordered tbody td a.history:hover{
    color: #777;
}
.myProfile .details .dataTable table.table-bordered tbody th, table.table-bordered tbody td a.history i{
    font-size: 18px;
    margin-right: 10px;
}
.myProfile .details .dataTable .table-bordered {
    border: 0px;
}
.myProfile .details .dataTable .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 0px;
    position: relative;
}
.myProfile .details .dataTable .table-bordered>tbody>tr>td img{
    margin-left: 6px;
    margin-top: 1px;
    width: 23px;
    height: 23px;
    float: left;
    position: absolute;
    left: 65px;
    top: 12px;
}
.myProfile .details .dataTable .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #777;
    border-color: #777;
}
.myProfile .details .dataTable div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    color: #777;
}
.myProfile .details .dataTable div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    color: #777;
}
.myProfile .details .dataTable div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
    color: #282827;
} */
.editProfile .form-control-feedback {
    right: 14px;
    left: auto;
    top: 22px !important;
}


.newsDetailsContent p a{
    float: left;
    width: 93%;
    height: auto;
    color: #1c1c1b;
    padding: 0px 15px;
    font-size: 14px;
    margin-top: -3px;
}
.newsDetailsContent p u{
    float: left;
    width: 100%;
    height: auto;
    color: #777;
    padding: 0px 15px;
    font-size: 14px;
    text-decoration: none;
}

@media screen and (max-width: 767px){
    div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {
        text-align: center;
        margin-bottom: 10px;
    }
}
/*---End myProfile---*/






@media screen and (min-width: 1450px) and (max-width: 1600px) {

    section.menu .coreMenu .navbar-nav>li>a {
        padding: 0px 4px;
    }

}
@media screen and (min-width: 1260px) and (max-width: 1440px) {
    .subPage.priceList .tablePriceList .text p {
        font-size: 14px;
    }
}
@media screen and (min-width: 1165px) and (max-width: 1260px) {
    .subPage.priceList .tablePriceList .text p {
        font-size: 11px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1165px) {
    .subPage.priceList .tablePriceList .text p {
        font-size: 10px;
    }
}
@media screen and (min-width: 925px) and (max-width: 1175px) {

    section.menu .coreMenu .navbar-nav {
        padding: 10px 0px;
    }
    .subPage.priceList .tablePriceList .text p {
        font-size: 11px;
    }
}
@media screen and (min-width: 850px) and (max-width: 925px) {

    section.menu .coreMenu .navbar-nav {
        padding: 10px 0px;
    }
    section.menu .coreMenu .navbar-nav>li>a {
        font-size: 14px;
    }
    section.menu .coreMenu .navbar-nav .hoverIcon a {
        font-size: 14px;
    }
}
@media screen and (min-width: 768px) and (max-width: 850px) {

    section.menu .coreMenu .navbar-nav {
        padding: 10px 0px;
    }
    section.menu .coreMenu .navbar-nav>li>a {
        font-size: 14px;
    }
    section.menu .coreMenu .navbar-nav .hoverIcon a {
        font-size: 14px;
    }
    section.menu .coreMenu .navbar-nav>li>a {
        padding: 0px 5px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {


    .subPage.priceList .tablePriceList .text p {
        font-size: 13px;
    }

    .slider .carousel-caption .title a {
        font-size: 30px;
        padding: 38px 0px;
    }
    section.menu .coreMenu.navbar-default {
        padding: 0;
    }
    .subPage.priceList .tablePriceList .text {
        min-height: 61px;
    }
    .subPage.priceList .tablePriceList .right.sub .text p {
        padding-left: 0;
    }
    .subPage.priceList .tablePriceList .right.sub .text p span {
        margin-left: 35px;
    }
    .companiesMenu li a {
        font-size: 13px;
        padding: 3px 15px;
    }
    .corporateMenu li a {
        font-size: 13px;
        padding: 3px 15px;
    }
    section.menu .topBar ul.rightContent li {
        margin-left: 5px;
    }
    section.menu .topBar {
        padding: 0px 2%;
    }
    .servicesMenu li .dropdown-menu {
        padding: 0px 2%;
    }
    .newsLink a img {
        padding-right: 5px;
    }
    .subPage.priceList.active-6 .tablePriceList .titleList {
        height: 100px;
    }
    .subPage.priceList.active-7 .tablePriceList .text.two {
        min-height: 40px;
    }
    section.footer .footerMenu .right ul li a {
        font-size: 12px;
        padding: 0px 5px;
    }
    .slider .carousel-caption .text p {
        padding: 25px 10px 0px 30px;
        font-size: 14px;
        width: 72%;
    }
    .slider .carousel-caption .text a {
        font-size: 14px;
        width: 28%;
        padding: 44px 5px;
    }
    section.details .left .content .text h2 {
        font-size: 17px;
    }
    section.details .right h2, section.details .left h2 {
        font-size: 20px;
    }
    section.menu .coreMenu .navbar-nav.sports {
        margin-left: 107px;
    }
    .subPage.como .detail p {
        width: 75%;
    }
    .servicesPage .servicesPageContent .item .text {
        padding: 40px;
    }
    .subPage .right .module .list ul li a {
        font-size: 13px;
    }
    .subPage .right .module .list ul li {
        font-size: 13px;
    }
    .subPage .right .activiteDetail .bigTitle {
        font-size: 24px;
    }
    .subPage .right .activiteDetail h2 {
        font-size: 27px;
    }
    section.parallaxSection .subscribeSectionContent h2 {
        font-size: 18px;
        margin-top: 5px;
    }
}
@media screen and (min-width: 925px) and (max-width: 1080px) {

    section.menu .topBar ul.rightContent li {
        margin-left: 10px;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    section.menu .coreMenu .navbar-nav.sports {
        margin-left: 124px;
        padding: 20px 0px 0px 0px;
    }
    .navbar-right~.navbar-right {
        margin-right: 0;
    }
    .navbar-right.homeMenu{
        margin-left: 0px;
    }
    section.menu .coreMenu .navbar-nav {
        padding: 10px 0px;
    }
    section.menu .topBar ul.rightContent li {
        margin-left: 18px;
    }
    .servicesMenu {
        background-color: #282827;
        height: auto;
        display: none;
        padding: 0px 0px;
    }
    .servicesMenu li .dropdown-menu {
        padding: 0px 15px;
        padding-left: 15px;
    }
    .servicesMenu li a {
        font-size: 14px;
    }
    .servicesMenu li .dropdown-menu li a {
        padding: 0px 10px;
    }
    .mobileSocialList{
        margin-left: 0;
        width: 20%;
    }
    section.menu .topBar ul.socialList {
        float: left;
    }
    .mobileContent{
        margin: 0px;
        width: 100%;
    }
    .slider .carousel-caption .title h2 {
        width: 100%;
        text-align: center;
        font-size: 31px;
        padding: 42px 0px;
    }
    section.details .right h2, section.details .left h2 {
        font-size: 18px;
    }
    section.details .left .content .text {
        height: 230px;
    }
    section.details .left .content .item {
        height: 230px;
    }
    section.details .right .content .item {
        height: 230px;
    }
    section.details .left .content .text p {
        height: 85px;
        overflow: hidden;
        margin-bottom: 0px;
    }
    section.details .left .content .text h2 {
        font-size: 16px;
    }
    .subPage.about .title {
        font-size: 30px;
    }
    .subPage.about .detail strong {
        font-size: 22px;
        font-weight: normal;
    }
    section.details .right .content .text {
        height: 115px;
    }
    .servicesPage .servicesPageContent .item .text {
        padding: 36px;
    }

    section.parallaxSection .parallax p {
        width: 100%;
        float: left;
        text-align: center;
        padding: 0px 10%;
        font-size: 18px;
        color: #cecece;
    }
    section.parallaxSection .parallax h2 {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        text-align: center;
        font-size: 27.66px;
        color: #fff;
    }
    .subPage.como .detail h2 {
        font-size: 30px;
    }
    .servicesPage .title h2 {
        font-size: 30px;
    }
    .subPage .left .title h2 {
        font-size: 30px;
    }
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {

    section.menu .coreMenu .navbar-brand img {
        width: 150px;
    }
    section.menu .coreMenu .navbar-brand {
        padding: 10px 0px 0px 0px;
    }
    section.menu .coreMenu .navbar-nav.sports {
        margin-left: 31px;
        padding: 30px 0px 0px 0px;
    }
    .navbar-right~.navbar-right {
        margin-right: 0;
    }
    section.menu .coreMenu .navbar-nav {
        padding: 15px 25px 15px 0px;
    }
    section.menu .coreMenu .navbar-nav>li:first-child a {
        padding-left: 10px;
    }
    .newsMenu,
    .companiesMenu li a,
    .corporateMenu li a, {
        padding: 3px 20px;
    }
    .newsMenu,
    .companiesMenu,
    .corporateMenu {
        padding: 25px 15px;
        padding-left: 0;
    }
    .servicesMenu {
        background-color: #282827;
        height: auto;
        display: none;
        padding: 0px 0px;
    }
    .servicesMenu li .dropdown-menu {
        padding: 0px 15px;
        padding-left: 15px;
    }
    .servicesMenu li a {
        font-size: 12px;
    }
    .servicesMenu li .dropdown-menu li a {
        padding: 0px 10px;
    }
    .mobileContent{
        margin: 0px;
        width: 100%;
    }
    .slider .carousel-caption .text p {
        padding: 25px 15px;
    }
    .slider .carousel-caption .title h2 {
        width: 100%;
        text-align: center;
        font-size: 30px;
        padding: 25px 0px;
    }
    .slider .carousel-caption .text a {
        font-size: 12px;
    }
    .slider .carousel-caption .title a {
        padding: 40px 0px;
    }
    section.details .header {
        padding-bottom: 25px;
        margin-top: 50px;
    }
    section.details .sectionWeather .itme a.more {
        right: 8%;
    }


    /*Start parallaxSection*/
    section.parallaxSection .horseAnimated img{ width: 130px;}
    section.parallaxSection .horseAnimated {
        top: 243px;
        left: -130px;
    }
    section.parallaxSection .subscribeSectionContent p {
        padding-bottom: 15px;
    }
    section.parallaxSection {
        padding-bottom: 30px;
    }

    /*End parallaxSection*/

    /*Start Footer*/
    section.footer .footerMenu .right ul li {
        width: auto;
        float: left;
        margin-bottom: 10px;
    }
    section.footer .footerMenu .right ul li a {
        border-right: 0;
        border-left: 1px solid #DDCFAC;
        padding-right: 10px;
    }
    section.footer .footerMenu .right ul li:first-child a{
        padding-right: 10px;
    }
    section.footer .footerMenu .left {
        font-size: 10px;
    }
    /*End Footer*/

    /*Start subPage*/
    .subPage {
        padding-bottom: 0;
    }
    .subPage .right .activiteDetail {
        min-height: 100px;
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .subPage .subWraper {
        padding: 0px 15px;
    }
    .subPage.about .title {
        font-size: 30px;
    }
    .subPage.about .detail strong {
        font-size: 22px;
        font-weight: normal;
    }
    .servicesPage .servicesPageContent {
        margin-bottom: 60px;
    }
    .subPage .subMenu li {
        width: 25%;
        padding: 0px 0px;
        height: 50px;
    }
    .subPage .subMenu {
        padding: 30px 5% 0px 5%;
    }
    .subPage.como .detail p {
        width: 100%;
    }
    .subPage .detail {
        margin-bottom: 60px;
    }
    .subPage.como .detail h2 {
        font-size: 30px;
    }

    .newsDetailsContent .left {
        padding-bottom: 0px;
    }
    .newsDetailsContent .left .backBtn {
        margin-right: 15px;
    }
    .servicesPage .title h2 {
        font-size: 30px;
    }
    /*End subPage*/
    .homeMenu li .dropdown-menu li {
        width: 100%;
        float: right;
        height: auto;
    }
    section.menu .topBar {
        padding: 0px 15px;
    }
    section.menu .coreMenu.navbar-default {
        padding: 0px 15px;
    }

    .myProfile .innerTitle .menu p.theName {
        padding-left: 10px;
    }
    .myProfile .innerTitle .menu ul li {
        margin-left: 25px;
    }

}
@media (min-width: 1400px) and (max-width: 1630px) {
    .subPage.priceList .tablePriceList .titleList {
        font-size: 15px;
    }
    .subPage.priceList .tablePriceList P {
        font-size: 15px;
    }
}
@media (min-width: 1300px) and (max-width: 1400px) {
    .subPage.priceList .tablePriceList .titleList {
        font-size: 14px;
    }
    .subPage.priceList .tablePriceList P {
        font-size: 14px;
    }
}
@media (min-width: 1200px) and (max-width: 1300px) {
    .subPage.priceList .tablePriceList .titleList {
        font-size: 13px;
    }
    .subPage.priceList .tablePriceList P {
        font-size: 13px;
    }
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .subPage.priceList .tablePriceList .titleList {
        font-size: 12px;
    }
    .subPage.priceList .tablePriceList P {
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .subPage.priceList .tablePriceList .titleList {
        font-size: 13px;
    }
    .subPage.priceList .tablePriceList P {
        font-size: 13px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /*video*/
    .volume {
        display: none;
    }
    /*topBar*/
    section.menu .topBar .topSearch {
        display: none;
    }
    section.menu .topBar ul.rightContent{
        float: left;
    }
    section.menu .topBar ul.rightContent li{
        float: left;
        margin-left: 0px;
        margin-right: 15px;
    }
    section.menu .topBar ul.rightContent li a{
        font-size: 15px !important;
    }
    section.menu .topBar ul.rightContent li:last-child{
        margin-right: 0px;
    }
    section.menu .topBar ul.socialList {
        display: none;
    }
    #loginModal .modal-body .login {
        border-right: 0px;
    }
    section.menu .coreMenu .navbar-brand {
        padding: 10px 0px;
    }
    section.menu .coreMenu .navbar-brand img{
        width: 150px;
        height: auto;
    }
    .navbar-default .navbar-toggle {
        border-color: #777;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #777;
    }
    .navbar-toggle {
        margin-top: 19px;
        margin-right: 0px;
    }

    section.menu .coreMenu .navbar-nav {
        float: left !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    section.menu .coreMenu .navbar-nav li {
        position: relative;
        display: block;
        padding: 8px 0px;
        width: 100% !important;
        margin: 0px !important;
        float: left;
    }
    section.menu .coreMenu .navbar-nav>li>a {
        border-right:0px;
    }
    .servicesMenu {
        padding: 0px 15px;
    }
    .servicesMenu li {
        float: left;
        width: 100%;
    }
    .servicesMenu li.dropdown a img {
        display: block;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        float: left;
        width: 40px;
    }
    .servicesMenu li a {
        padding: 9px 0px;
        text-align: left;
        padding: 9px 15px;
        line-height: 36px;
    }
    .servicesMenu {
        background-color: #1b3564;
        height: auto;
        display: none;
        padding: 0px;
    }
    .servicesMenu li .dropdown-menu {
        padding: 0px 15px;
        padding-left: 15px;
        position: relative;
        padding-bottom: 15px;
        width: 100% !important;
        border: 0 !important;
    }
    .servicesMenu li .dropdown-menu li {
        width: 100%;
        padding: 0px 0px;
    }
    .servicesMenu li .dropdown-menu li a {
        width: 100%;
        float: left;
        padding: 0px 15px;
        border-right: 0px;
        background: none;
    }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {

        border-color: transparent;
    }
    /*Start Slider*/
    .slider .fill {
        height: 250px;
    }
    .slider .carousel-caption .title a {
        font-size: 15px;
    }
    .slider .carousel-caption .title {
        float: left;
        width: 50%;
        height: 77px !important;
    }
    .slider .carousel-caption .title h2 {
        font-size: 20px;
        padding: 15px 15px;
        float: left;
        width: 100%;
    }
    .slider .carousel-caption .text {
        width: 50%;
        height: 78px !important;
        min-height: auto;
    }
    .slider .carousel-caption .text p {
        display: none;
    }
    .slider .carousel-caption .text a {
        width: 100%;
        padding: 24px 15px;
    }


    /*Start parallaxSection*/
    section.parallaxSection .horseAnimated img{ width: 130px;}
    section.parallaxSection .horseAnimated {
        top: 243px;
        left: -130px;
    }
    section.parallaxSection .subscribeSectionContent p {
        padding-bottom: 15px;
    }

    /*End parallaxSection*/

    /*Start Footer*/
    section.footer .footerMenu .right ul li {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
    section.footer .footerMenu .right ul li a {
        border-right: 0;
    }
    section.footer .footerMenu .left {
        font-size: 10px;
    }
    /*End Footer*/

    /*Start subPage*/
    .subPage .subWraper {
        padding: 0px 15px;
    }
    .subPage .right .activiteDetail {
        min-height: 200px;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .subPage .detail {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .servicesPage .servicesPageContent .item a .detail{
        font-size: 18px;
    }
    .subPage {
        padding-bottom: 0px;
    }
    .aboutSancak .imgContent {
        width: 100%;
        height: 343px;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
    .subPage.about .imgContent {
        width: 100%;
        height: 343px;
        float: left;
        position: relative;
        background-size: cover !important;
        background-position: center !important;
    }
    section.menu .topBar {
        padding: 0px 15px;
    }
    section.menu .coreMenu.navbar-default {
        padding: 0px 15px;
    }
    /*End subPage*/
    .subPage.about .openingHoursDetail .contentList .item {
        width: 100%;
    }
    .servicesPage .servicesPageContent {
        padding: 0px;
        margin-top: 0px;
    }

    .myProfile .innerTitle {
        height: auto;
    }
    .myProfile .innerTitle .menu p.theName {
        padding-left: 0;
        margin-top: 15px;
        width: 100%;
    }
    .myProfile .innerTitle .menu .sub {
        margin-top: 15px;
    }
    .myProfile .innerTitle .menu ul li {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .myProfile .details h2 {
        padding: 0px 0px 10px 0px;
    }
    .newsDetailsContent .left {
        padding-bottom: 20px;
    }
    .newsDetailsContent .left .row {
        margin-right: 0px;
        margin-left:0px;
    }
    .newsDetailsContent .left .backBtn {
        float: right;
        margin-top: 15px;
    }
    .newsDetailsContent .left .imgCont {
        float: left;
        width: 100%;
        height: auto;
        margin-top: 25px;
    }
    .newsDetailsContent .right {
        padding: 15px 15px;
        padding-bottom: 40px;
    }
    .servicesMenu li.dropdown {
        position: inherit;
        float: left;
        width: 100%;
        height: auto;
    }
    /******-- priceList --******/
    .subPage.priceList .tablePriceList {
        padding: 0px 15px;
        margin-top: 0px;
        margin-bottom: 50px;
    }
    .subPage.priceList .tablePriceList .titleList {
        border-right: 1px solid #4f5052;
    }
    .subPage.priceList.active-7 .tablePriceList .text .left {
        border-left: 1px solid #4f5052;
    }
    .subPage.priceList .tablePriceList .text {
        border-left: 1px solid #4f5052;
        padding: 10px 0px;
    }
    .subPage.priceList .tablePriceList .right.sub .text p {
        padding-left: 0px;
    }
    .subPage.priceList .tablePriceList .left .titleList {
        text-align: center;
        padding-left: 0;
    }
    .subPage.priceList .tablePriceList .left .text {
        text-align: center;
        padding-left: 0;
        padding: 10px;
    }
    .subPage.priceList .tablePriceList .left .titleList {
        text-align: center;
        padding-left: 0;
    }
    section.login .left {
        border-right: 0px;
        margin-bottom: 30px;
    }
    section.login .loginContent {
        padding-top: 40px;
    }
    section.login .loginFooter {
        margin-top: 50px;
        padding: 25px 15px;
    }
    .companiesMenu {
        padding: 15px;
        padding-left: 15px;
    }
    .companiesMenu li {
        width: 33.333%;
        text-align: right;
        margin-bottom: 10px;
    }
    .companiesMenu li a {
        font-size: 14px;
    }
    .corporateMenu {
        padding: 15px;
        padding-left: 15px;
    }
    .corporateMenu li {
        width: 33.333%;
        text-align: right;
        margin-bottom: 10px;
    }
    .corporateMenu li a {
        font-size: 14px;
    }
    .servicesPage .title {
        height: auto;
        padding: 30px;
    }
    .servicesPage .servicesPageContent .item .text {
        padding: 30px;
        height: auto;
    }
    .servicesPage .servicesPageContent .item {
        height: auto;
    }
    .servicesPage .servicesPageContent .item .imgContent {
        height: 240px;
    }
    .subPage .subMenu {
        padding: 30px;
    }
    .subPage .subMenu ul.dinings li{
        width: 33.333%;
        height: 44px;
        padding: 0px 75px 0px 0px;
    }
    .subPage .subMenu ul.dinings li a{
        font-size: 14px;
    }
    .slider .carousel-caption .title a {
        font-size: 30px;
        padding: 18px 0px;
    }
    .subPage .right .weather {
        padding-left: 0%;
    }
    section.details .wide{
        padding: 20px 0px;
    }
    section.details .left .content {
        margin-bottom: 30px;
        float: left;
        width: 100%;
    }
    section.details .header {
        padding: 15px;
    }
    section.details .sectionWeather .itme {
        margin-top: 30px;
    }
    section.parallaxSection .subscribeSectionContent h2 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 15px;
    }
    section.parallaxSection .loginBtn {
        font-size: 12px;
        padding: 7px 4px;
        width: 30%;
    }
    section.parallaxSection .form-control {
        width: 68%;
        margin-right: 2%;
    }
    section.details .left .content .text .arrow-right,
    section.details .left .content .text .arrow-left{
        display: none;
    }
    section.details .left h2 {
        width: 100%;
        margin-bottom: 15px;
    }
    .details .header a.more {
        margin-left: 0px !important;
        margin-right: 30px !important;
        float: left !important;
    }
}


@media (max-width: 480px) {
    .gallery-image{
      height:inherit;
      margin-bottom: 15px;
    }
    /*video*/
    .volume {
        display: none;
    }
    /*topBar*/
    section.menu .topBar .topSearch {
        display: none;
    }
    section.menu .topBar ul.rightContent{
        float: left;
    }
    section.menu .topBar ul.rightContent li{
        float: left;
        margin-left: 0px;
        margin-right: 15px;
    }
    section.menu .topBar ul.rightContent li a{
        font-size: 15px !important;
    }
    section.menu .topBar ul.rightContent li:last-child{
        margin-right: 0px;
    }
    section.menu .topBar ul.socialList {
        display: none;
    }
    #loginModal .modal-body .login {
        border-right: 0px;
    }
    section.menu .coreMenu .navbar-brand {
        padding: 10px 0px;
    }
    section.menu .coreMenu .navbar-brand img{
        width: 150px;
        height: auto;
    }
    .navbar-default .navbar-toggle {
        border-color: #777;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #777;
    }
    .navbar-toggle {
        margin-top: 19px;
        margin-right: 0px;
    }

    section.menu .coreMenu .navbar-nav {
        float: left !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    section.menu .coreMenu .navbar-nav li {
        position: relative;
        display: block;
        padding: 5px 0px;
        width: 100% !important;
        margin: 0px !important;
        float: left;
    }
    section.menu .coreMenu .navbar-nav>li>a {
        border-right:0px;
    }
    .servicesMenu {
        padding: 0px 15px;
    }
    .servicesMenu li {
        float: left;
        width: 100%;
    }
    .servicesMenu li.dropdown a img {
        display: block;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        float: left;
        width: 40px;
    }
    .servicesMenu li a {
        padding: 9px 0px;
        text-align: left;
        padding: 9px 15px;
        line-height: 36px;
    }
    .servicesMenu {
        background-color: #1b3564;
        height: auto;
        display: none;
        padding: 0px;
    }
    .servicesMenu li .dropdown-menu {
        padding: 0px 15px;
        padding-left: 15px;
        position: relative;
        padding-bottom: 15px;
        width: 100% !important;
        border: 0 !important;
        top: -4px;
        height: auto;
    }
    .servicesMenu li .dropdown-menu li {
        width: 100%;
        padding: 0px 0px;
    }
    .servicesMenu li .dropdown-menu li a {
        width: 100%;
        float: left;
        padding: 0px 15px;
        border-right: 0px !important;
        background: none;
    }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {

        border-color: transparent;
    }


    /*Start index*/
    section.details .header {
        padding-bottom: 30px;
        padding-left: 15px;
    }
    section.details .right h2, section.details .left h2 {
        margin-bottom: 15px;
        width: 100%;
    }
    a.more {
        float: left;
    }
    section.details .wide{
        padding: 20px 0px;
    }
    section.details .left .content .text {
        height: auto !important;
    }
    section.details .left .content .text .arrow-right,
    section.details .left .content .text .arrow-left{
        display: none;
    }
    section.details .left .content {
        margin-bottom: 30px;
        float: left;
        width: 100%;
    }
    section.parallaxSection .parallax h2 {
        font-size: 28px;
    }
    section.parallaxSection .parallax p {
        font-size: 20px;
    }
    /*End index*/

    /*Start Slider*/

    .slider .fill {
        height: 250px;
    }
    .slider .carousel-caption .title a {
        font-size: 15px;
    }
    .slider .carousel-caption .title {
        float: left;
        width: 50%;
        height: 77px !important;
    }
    .slider .carousel-caption .title h2 {
        font-size: 20px;
        padding: 15px 15px;
        float: left;
        width: 100%;
    }
    .slider .carousel-caption .text {
        width: 50%;
        height: 78px !important;
        min-height: auto;
        display: none;
    }
    .slider .carousel-caption .text p {
        display: none;
    }
    .slider .carousel-caption .text a {
        width: 100%;
        padding: 25px 15px;
        font-size: 12px;
    }
    /*End Slider*/

    /*Start News*/
    .servicesPage .title h2 {
        font-size: 30px;
    }
    /*End News*/

    /*Start parallaxSection*/
    section.parallaxSection .horseAnimated img{ width: 130px;}
    section.parallaxSection .horseAnimated {
        top: 243px;
        left: -130px;
    }
    section.parallaxSection .subscribeSectionContent p {
        padding-bottom: 15px;
    }

    /*End parallaxSection*/

    /*Start Footer*/
    section.footer .footerMenu .right ul li {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
    section.footer .footerMenu .right ul li a {
        border-right: 0;
    }
    section.footer .footerMenu .left {
        font-size: 10px;
    }
    /*End Footer*/

    /*Start subPage*/
    .subPage .subWraper {
        padding: 0px 15px;
    }
    .subPage .right .activiteDetail {
        min-height: 200px;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .subPage .detail {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }
    .subPage {
        padding-bottom: 0px;
    }
    /*End subPage*/
    .aboutSancak .imgContent {
        width: 100%;
        height: 343px;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
    .subPage.about .imgContent {
        width: 100%;
        height: 343px;
        float: left;
        position: relative;
        background-size: cover !important;
        background-position: center !important;
    }
    section.menu .topBar {
        padding: 0px 15px;
    }
    section.menu .coreMenu.navbar-default {
        padding: 0px 15px;
    }
    /*servicesPage*/
    .servicesPage .servicesPageContent {
        padding: 0px 0px;
        margin-top: 0;
    }
    .servicesPage .servicesPageContent .item .text {
        padding: 30px 15px;
    }
    .servicesPage .title {
        padding: 30px 15px;
        height: auto;
    }
    .servicesPage .title p {
        float: left;
        width: 100%;
    }
    /*servicesPage*/
    .tableContent{
        float: left;
        width: 100%;
    }
    .servicesPage .servicesPageContent .item {
        height: 180px;
    }
    .servicesPage .newsContent .item {
        height: auto;
    }
    .newsKnowMore {
        margin-bottom: 30px;
    }
    .servicesPage .servicesPageContent .item .imgContent {
        height: 180px;
    }
    .servicesPage .servicesPageContent .item .imgContent {
        width: 100%;
        height: 180px;
        float: left;
        background-size: cover;
    }
    .servicesPage .servicesPageContent .item.textContent {
        height: auto;
    }
    .servicesPage .servicesPageContent .item .text {
        height: auto;
    }
    .subPage.servicesPage .slide .fill {
        height: 250px;
    }
    .subPage.como .detail h2 {
        font-size: 30px;
    }
    .subPage.como .detail p {
        width: 100%;
    }
    .subPage .subMenu {
        padding: 15px 5%;
    }
    .subPage .subMenu ul.dinings li {
        width: 50%;
        padding: 0px 0px;
        height: 60px;
    }
    .subPage .subMenu li a{
        text-align: left;
    }
    .subPage.about .openingHoursDetail .contentList .item li {
        width: 100% !important;
    }
    .subPage.about .openingHoursDetail .contentList .item {
        width: 100%;
    }
    section.parallaxSection .parallax {
        background: url(/public/img/mainParallax.jpg) top fixed no-repeat;
        background-size: cover;
        height: 300px;
        padding-top: 50px;
    }
    /*login*/
    section.login .left {
        border-right: 0px;
    }
    section.login .loginFooter {
        margin-top: 30px;
    }
    section.login .loginContent {
        padding-top: 30px;
    }
    section.login h2 {
        font-size: 16px;
    }
    /*login*/

    .myProfile .innerTitle {
        height: auto;
    }
    .myProfile .innerTitle .menu p.theName {
        padding-left: 0;
        margin-top: 15px;
        width: 100%;
    }
    .myProfile .innerTitle .menu .sub {
        margin-top: 15px;
        width: 100%;
    }
    .editProfile{
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }
    .myProfile .title h2 {
        font-size: 30px;
    }
    .myProfile .innerTitle .menu ul li {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .myProfile .details h2 {
        padding: 0px 0px 10px 0px;
    }
    .newsDetailsContent .left {
        padding-bottom: 20px;
    }
    .newsDetailsContent .left .row {
        margin-right: 0px;
        margin-left:0px;
    }
    .newsDetailsContent .left .backBtn {
        float: right;
        margin-top: 15px;
    }
    .newsDetailsContent .left .imgCont {
        float: left;
        width: 100%;
        height: auto;
        margin-top: 25px;
    }
    .newsDetailsContent .right {
        padding: 15px 15px;
        padding-bottom: 40px;
    }
    .servicesMenu li.dropdown {
        position: inherit;
        float: left;
        width: 100%;
        height: auto;
    }
    /******-- priceList --******/
    .subPage.priceList .tablePriceList {
        padding: 0px 15px;
        margin-top: 0px;
        margin-bottom: 50px;
    }
    .subPage.priceList .tablePriceList .titleList {
        border-right: 1px solid #4f5052;
    }
    .subPage.priceList.active-7 .tablePriceList .text .left {
        border-left: 1px solid #4f5052;
    }
    .subPage.priceList .tablePriceList .text {
        border-left: 1px solid #4f5052;
        padding: 10px 0px;
    }
    .subPage.priceList .tablePriceList .right.sub .text p {
        padding-left: 0px;
    }
    .subPage.priceList .tablePriceList .left .titleList {
        text-align: center;
        padding-left: 0;
    }
    .subPage.priceList .tablePriceList .left .text {
        text-align: center;
        padding-left: 0;
        padding: 10px;
    }
    .subPage.priceList .tablePriceList .left .titleList {
        text-align: center;
        padding-left: 0;
    }
    /*** Start about ***/
    .subPage.about .title {
        font-size: 30px;
    }
    .subPage.about .openingHoursDetail .title ul li {
        width: 25% !important;
    }
    .subPage.location .imgContent .detail {
        width: 100%;
        right: 0%;
        bottom: 0px;
        padding: 15px;
    }
    .subPage.location .imgContent .detail h2 p {
        text-align: left;
        font-size: 30px;
    }
    /*** End about ***/


    /*** Start Weather ***/
    section.details .sectionWeather .date {
        padding: 30px 0px 0px 0px;
    }
    section.details .sectionWeather .date .weather h2 {
        font-size: 30px;
        width: 100%;
    }
    section.details .sectionWeather .date .weather h2 span {
        margin: 0px 0px 0px 25px;
        font-size: 20px;
    }
    .subPage .right .weather {
        padding-left: 0%;
    }
    section.details .sectionWeather {
        margin-top: 0px;
    }
    /*** End Weather ***/


    section.details .sectionWeather .itme {
        margin-top: 30px;
    }
    section.parallaxSection .subscribeSectionContent h2 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 15px;
    }
    section.parallaxSection .loginBtn {
        font-size: 12px;
        padding: 7px 4px;
        width: 30%;
    }
    section.parallaxSection .form-control {
        width: 68%;
        margin-right: 2%;
    }
    section.details .left h2 {
        width: 100%;
        margin-bottom: 15px;
    }
    .details .header a.more {
        margin-left: 0px !important;
        margin-right: 30px !important;
        float: left !important;
    }

}

@media screen and (min-width: 800px) and (max-width: 1450px) {
    /* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
    section.menu .coreMenu.navbar-default {
        padding: 0px;
    }
    .homeMenu li .dropdown-menu li a {
        padding: 3px 25px;
    }
    .slick-prev {
        right: 40% !important;
    }
    .slick-next {
        right: 35% !important;
    }
    #map-canvas {
        width: 100%;
        height: 260px;
    }
}

span.fileinput-filename{
    float: left !important;
    width: 85% !important;
    margin-top: 5px !important;
}

.fileinput{
    margin-top: 10px !important;
}
.fileinput .close {
    line-height: 36px !important;
}
.sendBox .btn{
    margin-top: 32px;
}
.subTitleNew{
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 15px;
    background-color: #D33B3B;
    font-size: 29px;
    color: #ffffff;
    margin-bottom: 30px;
}
.offRoadDataTitle{
    float: left;
    width: 100%;
    height: auto;
    font-size: 23px;
    color: #575756;
    background: none;

}
.subPage .left .subTitle.offRoadSubTitle p{
    font-size: 26px;
    color: #808080;
    margin-bottom: 0px;
}

/* *********  /verticle tabs  **************************** */
/* *********  image cropping  **************************** */
/*!
 * Cropper v0.8.0
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright 2014-2015 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2015-02-19T06:49:29.144Z
 */

.cropper-container {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.cropper-container img {
    display: block;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
    height: 100%;
    min-height: 0 !important;
    max-height: none !important;
}

.cropper-modal,
.cropper-canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cropper-canvas {
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}

.cropper-modal {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

.cropper-cropbox {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
}

.cropper-viewer {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 1px solid #69f;
    outline-color: rgba(102, 153, 255, .75);
}

.cropper-dashed {
    position: absolute;
    display: block;
    filter: alpha(opacity=50);
    border: 0 dashed #fff;
    opacity: .5;
}

.cropper-dashed.dashed-h {
    top: 33.33333333%;
    left: 0;
    width: 100%;
    height: 33.33333333%;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
    top: 0;
    left: 33.33333333%;
    width: 33.33333333%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=10);
    opacity: .1;
}

.cropper-face {
    top: 0;
    left: 0;
    cursor: move;
    background-color: #fff;
}

.cropper-line {
    background-color: #69f;
}

.cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize;
}

.cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize;
}

.cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize;
}

.cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize;
}

.cropper-point {
    width: 5px;
    height: 5px;
    background-color: #69f;
    filter: alpha(opacity=75);
    opacity: .75;
}

.cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize;
}

.cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize;
}

.cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize;
}

.cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize;
}

.cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize;
}

.cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize;
}

.cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize;
}

.cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    filter: alpha(opacity=100);
    opacity: 1;
}

.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: " ";
    background-color: #69f;
    filter: alpha(opacity=0);
    opacity: 0;
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        width: 15px;
        height: 15px;
    }
    section.details .left h2 {
        width: 100%;
        margin-bottom: 15px;
    }
    .details .header a.more {
        margin-left: 0px;
        margin-right: 30px;
        float: left;
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        width: 10px;
        height: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        width: 5px;
        height: 5px;
        filter: alpha(opacity=75);
        opacity: .75;
    }
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-invisible {
    filter: alpha(opacity=0);
    opacity: 0;
}

.cropper-hide {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    filter: alpha(opacity=0);
    opacity: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-canvas,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}

.avatar-view {
    display: block;
    height: 130px;
    width: 130px;
    border: 3px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.avatar-view img {
    width: 100%;
}

.avatar-view .hoverContent{
    float: left;
    width: 100%;
    height: 30px;
    text-align: center;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: -30px;
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}
.avatar-view .hoverContent .fa{
    margin-top: 8px;
}
.avatar-view:hover .hoverContent{
    bottom: 0px;
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;

}

.avatar-body {
    padding-right: 15px;
    padding-left: 15px;
}

.avatar-upload {
    overflow: hidden;
}

.avatar-upload label {
    display: block;
    float: left;
    clear: left;
    width: 100px;
}

.avatar-upload input {
    display: block;
    margin-left: 110px;
}

.avater-alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.avatar-wrapper {
    height: 364px;
    width: 100%;
    margin-top: 15px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .25);
    background-color: #fcfcfc;
    overflow: hidden;
}

.avatar-wrapper img {
    display: block;
    height: auto;
    max-width: 100%;
}

.avatar-preview {
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

.avatar-preview:hover {
    border-color: #ccf;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.avatar-preview img {
    width: 100%;
}

.preview-lg {
    height: 184px;
    width: 184px;
    margin-top: 15px;
}

.preview-md {
    height: 100px;
    width: 100px;
}

.preview-sm {
    height: 50px;
    width: 50px;
}

@media (min-width: 992px) {
    .avatar-preview {
        float: none;
    }
}

.avatar-btns {
    margin-top: 30px;
    margin-bottom: 15px;
}
.avatar-btns .btn-primary {
    color: #fff;
    background-color: #777;
    border-color: #777;
}

.avatar-btns .btn-group {

}

.loading {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff url("../img/loading.gif") no-repeat center center;
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 20140628;
}
.profile_img{
    float: left;
}


.form.editProfile .btn-primary {
    color: #fff;
    background-color: #777;
    border-color: #777;
}
.newsKnowMore a:hover .fa {
    color: #575756 !important;
    border-color: #575756 !important;
}
/* *********  /image cropping  **************************** */



@media (max-width: 767px) {
    section.footer .footerMenu .left a.osr {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 15px;
    }
}

section.menu .topBar ul.rightContent li.gallery, section.menu .topBar ul.rightContent li.location {
    float: left;
    font-size: 15px;
    color: #9A9A9A;
    line-height: 34px;
}

section.menu .topBar ul.rightContent li.gallery a i {
    border: none;
    margin-top: 10px;
    font-size: 15px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    section.footer .footerMenu .left a.osr {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 15px;
    }
}

/* Smartphones (landscape) ----------- */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    .servicesMenu li.dropdown {
        position: inherit;
        float: left;
        width: 100%;
        height: auto;
    }
    section.footer .footerMenu .left a.osr {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 15px;
    }
}



/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    .accordionSection .panel-body {
        padding: 0px;
    }
}



/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}



@media screen and (min-width: 300px) and (max-width: 320px) {
    .slider .carousel-caption .title {
        float: left;
        width: 50%;
        height: 77px !important;
    }
    .slider .carousel-caption .text {
        width: 50%;
        height: 78px !important;
        min-height: 78px !important;
    }

}


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    /* padding: 26px; */
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #C6C6C6;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.control-label {
    font-size: 15px;
    float: left;
    width: 100%;
    color: #1C1C1B;
    margin-top: 18px;
}

.send {
    float: right;
    width: 115px;
    border-radius: 0;
    background-color: #1b3564;
    border-color: #1b3564;
    text-align: center;
    padding-left: 10px;
    color: #fff;
    font-size: 13px;
}
.send .fa {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 2px 5px 2px 6px;
    margin-right: 9px;
    margin-top: -4px;
    font-size: 11px;
}
.send:hover {
    color: #cac9c9;
    transition: 0s;
}
.send:hover .fa {
    color: #cac9c9;
    border: 2px solid #cac9c9;
    transition: 0s;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

@media(max-width: 768px){
    div.dataTables_filter input{
        width: auto;
    }
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc{
    background: none !important;
}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 1px;
}

table.table-bordered tbody th, table.table-bordered tbody td {
    border-left-width: 0;
    border-bottom-width: 0;
    font-size: 14px;
}

table.dataTable.table-condensed thead > tr > th {
    padding-right: 20px;
    background-color: #1a3464;
    color: #fff;
    font-weight: bold;
    line-height: 37px;
    font-size: 12px;
}

div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
    font-size: 13px;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 13px;
}

div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    font-size: 13px;
}

div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    font-size: 13px;
}

.world-icon{
  width:69px !important
}

.home-news-background{
  background-position: center;
  background-size: cover;
  height: 300px;
}

.home-companies{
  background-color: #396ba9;
  min-height: 100px;
  line-height: 30px;
  text-align: center;
  padding: 20px;
  margin-bottom: 20px;
}

.home-companies a{
  color: #fff;
  font-size: 14px;
}

.home-companies i{
  color: #fff;
  font-size: 30px;
}

.fixedContainer{
  background-color:#f37306;
  position: fixed;
  width: 70px;
  left: 0%;
  top: 20%;
  z-index: 999999999;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
}

.fixedContainer i{
  font-size: 29px;
  padding: 10px;
  color: #fff;
  animation: blinker 1.5s linear infinite;
}

.fixedContainer div{
  font-size: 12px;
  padding: 4px;
  color: #fff;
  text-align: center;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.home-packages-0{
  background-color: #f37304;
}

.home-packages-1{
  background-color: #4659a9;
}

.home-packages-2{
  background-color: #60ac6a;
}

.home-packages{
  min-height: 100px;
  text-align: center;
  padding: 20px;
  color:#fff;
  font-size: 23px;
}

.home-packages span{
  font-size: 27px;
  font-weight: bold;
}

.home-packages-details{
  font-size: 14px;
  color: #575756;
  line-height: 30px;
  padding-top: 20px;
  border-left: 1px #e2e2e2 solid;
  border-right: 1px #e2e2e2 solid;
  border-bottom: 1px #e2e2e2 solid;
}

.invitation1_title{
  text-align: center;
  color: #1b3564;
  font-size: 33px;
  padding: 30px 0 20px 0;
}

.whatsapp-fixed {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.whatsapp-fixed img {
    width: 55px;
    height: 55px;
    cursor: pointer;
    transition: transform 0.3s;
}

.whatsapp-fixed img:hover {
    transform: scale(1.1);
}