body { padding:0; margin:0; font:normal 87.5%/1.4 Arial, Helvetica, sans-serif; color:#fff; }/* font-size:14px;*/ div, img, p, a, ul, h2, h3, h4, h5, h6, form, input, select, textarea, label,figure, figcaption, section { padding:0; margin:0; } img { border:none; max-width:100%; display:block; } a { text-decoration:none; outline:none; color:#006d8d;} a:hover, a:focus { color:#053379;} ul { list-style-type:none; } .spacer { font-size:0; line-height:0; clear:both; } ::selection{color:#fff; background:#666;} ::-moz-selection{color:#fff; background:#666;} ::-webkit-selection{color:#fff; background:#666;} ::-ms-selection{color:#fff; background:#666;} .group:before, .group:after { content:""; display:table; } .group:after{ clear:both; } .group{ zoom:1; } input[type=text], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out; } /* GENERAL ENDS */ /* MISCLANEOUS STARTS */ h1, h2, h3, h4, h5, h6{ font-family:arial; padding:0; margin:0; } .contWidth{ margin:0 auto; padding:12px 14px 0; } .overlay{background:url(../images/contBg.png) 0 0 repeat; position:absolute; top:0px; width:100%; z-index:99; height:1280px; ;} .pr{position:relative;} .wrapBodyBg{ background:url(../images/bodyBgs.jpg) repeat-x 0 0px ; margin-top: 105px;} .wrapBodyBg.changeBg{background:url(../images/bodyBgs2.jpg)repeat-x 0 0px ;} .wrap{position: relative; max-width:1004px; margin:0 auto;} .wrapImgTopMar{margin-top:88px;} .infoGroup, .infoGroup1{ display:none;} #secPage, #threePage, #fourPage, #fivePage, #sixPage, #sevenPage{ display:none; position:relative;} #firstPage{ display:block; position:relative; width:100%;} /* start css for header section */ .welPgHead{ box-shadow: 0 0 9px #000; position: fixed; left:0; top:0; width: 100%; z-index:99999999; background:url(../images/headBg.png) center center repeat; } .welPgHeadCont{ border:0px solid red; width:100%; margin:0px auto; padding:20px 14px; } .logo{float:left;} .welPgHeadCont .logo img{ width:82px; height:72px;} .headBigTxt { color: #fff; float: left; font-size: 25px; font-family: arial; padding:18px 30px 18px 20px; margin-right:20px;} .welPgHeadCont.secHeader .logo img{ width:52px; height:45px;} .welPgHeadCont.secHeader .headBigTxt{ padding:4px 18px;} .welPgHeadCont.secHeader .headMenu{ padding:8px 20px;} #home, #homePage, #searchResults { cursor: pointer;} /* css for header menu*/ .rightMenu{float:right; width:170px; margin-top:20px;} .rightMenu a{ color: #fff; background: url(../images/btnv01.png) 0 0 no-repeat; width:170px; height:42px; text-indent:-20000px; display:block;} .rightMenu a:hover{background-position:0 100%;} /*//////////////////////////////////////////////////////////////////////////////////////////////////// NEW MENU ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ a{outline:none; text-decoration: none;} a.roundBtn{text-decoration: none;} a.one,a.two,a.three,a.four,a.five,a.closeBtnEx,a.closeBtn,a.roundAroRig,a.roundAroLeft,a.roundAroRight,a.menu-button{outline:none;} .new-menu{position: fixed; top:0; left: 0; z-index:1001; width: 100%; max-width:100%; background: linear-gradient(to right, rgb(0, 41, 100) 0%, rgb(0, 155, 188) 100%);} .new-menu .logo{float:left; max-width:64px;margin-top:20px; margin-bottom:20px;} .menu-items{display: none; position: fixed;list-style:none; top:105px; background-color:#fff; width:100%; z-index:1000; left:0; border-bottom:6px solid #009abb; box-shadow:10px 0px 5px #000;} .menu-item{ display: inline-block; max-width:150px; border-right:1px solid #009abb; margin-top:20px; margin-bottom:20px; height:120px; float:left;} .item-title{font-size: 12px; color:#009abb; text-align: center; margin-top:5px; font-weight: bold;} .item-img{width:100%; max-width:100%; height:64px; border: 2px solid #009abb;} .return-button{width:auto; height:auto; float:right; margin-top:10px; padding:10px;color:#fff; font-size:14px; border-width: 1px;border-style: solid; border-color: rgb(33, 201, 233); border-radius: 3px; background: #00b4d6; /* Old browsers */background: -moz-linear-gradient(top, #00b4d6 0%, #00a2c2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #00b4d6 0%,#00a2c2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #00b4d6 0%,#00a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4d6', endColorstr='#00a2c2',GradientType=0 ); /* IE6-9 */text-shadow: 0px 0px 2px #000;outline: none;margin-top:30px;} .return-button:hover{color:#53ddf8; background: #00a2c2; /* Old browsers */ background: -moz-linear-gradient(top, #00a2c2 0%, #00b4d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00a2c2 0%,#00b4d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00a2c2 0%,#00b4d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2c2', endColorstr='#00b4d6',GradientType=0 ); /* IE6-9 */ } .menu-button, .menu-button:visited{float:left;font-size:18px;color: #fff;background: none;border: none;outline: none;height:70px;margin-left:60px;margin-top: 35px;padding: 10px;} .activebtn{background-color:#fff; border-top-left-radius: 5px; border-top-right-radius: 5px;} .activebtn span{color:#009abb;} .menu-button span{font-size:16px; display:block; margin-top:0; float:left;} .menu-button .glyphicon{font-size:12px; display:block; margin-top:3px;; float:left;} .header-title{margin-top:40px; float:left; font-size:18px; font-weight:bold; margin-left:10px;} /*//////////////////////////////////////////////////////////////////////////////////////////////////// END NEW MENU ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ .threePos_tour.threePos_tourIc .takeTourContMid{padding:40px 0 140px;} .threePos_tour.threePos_tourIc .lightBlueBox .whiteAro{ bottom: auto; left: -140px; top: -51px;} .threePos_tour.threePos_tourIc .lightBlueBox.threePos_tour_oneCont2{ top: 15px; width: 259px;} .threePos_tour.threePos_tourIc .lightBlueBox.threePos_tour_oneCont2 .whiteAro{left: -54px; top: 57px;} /* end drop down leave I */ /* end css for header menu*/ /* end css for header section */ /* start css for middel section */ .welcomeCont{ position: absolute;z-index:999; color: #fff; font-size: 17px;} .welcomeCont h1 { font-size: 43px; font-weight: normal; line-height: 58px; margin-top: 110px; text-shadow: 0 0 3px #000;} .welcomeCont h1 strong { display: block; font-family:arial; font-size: 46px;} .welcomeCont p { font-family: arial,arial; font-size: 18px; margin: 49px 0 0; text-shadow: 0 0 3px #000;} .welcomeCont p.padTopNone { margin-top: 10px;} a.roundBtn{width: 80%; max-width: 375px; margin-top:10px;text-align: center; box-shadow: 0 0 2px #000; font-family: arial; font-size:20px; text-transform: uppercase; border:0px solid #053379; -moz-border-radius: 5px; border-radius:5px; color:#fff; background:#009bba; padding:11px 0px; display: inline-block;} .roundBtn.expBtn{background:#006794;} a.roundBtn:hover, a.roundBtn:focus{ background: #002663;} .marLeftBtn{ margin-right:11.7%; } /* end css for middel section */ /* start css for popup */ .rounded-topright { background: url("../images/rounded-topright.png") no-repeat right 0 ; padding-right: 47px;} .rounded-topleft { background: url("../images/rounded-topleft.png") no-repeat 0 0; padding-left: 7px; } .tourBtn .rounded-topmiddle {background: url("../images/rounded-middlebg.png") repeat-x center 0; height: 47px; } .exploreBtn{ display:none;} .exploreBtn .rounded-topmiddle {background: url("../images/rounded-middlebg1.png") repeat-x center 0; height: 47px;} .rounded-middle-forum {border-left: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c; padding: 25px; margin-right: 21px;} .rounded-bottomright {background: url("../images/rounded-bottomright.png") no-repeat right 0; padding-right: 4px;} .rounded-bottomleft {background: url("../images/rounded-bottomleft.png") no-repeat 0 0; padding-left: 4px;} .rounded-bottommiddle {background: url("../images/rounded-bottom-middlebg.png") repeat-x 0 0;height: 7px; margin-right: 24px;} /* end css for popup */ .full-width { width: 100%; position: relative;} .popupRigLeftBtn { left: 40.96%; position: absolute; top: -3px;} .edit_img_tour #curRigLeftBtn { left: 41.45%;} .popupRigLeftBtn div { float: left; font-family: "BentonSansRegular",arial; font-size: 18px; font-weight: bold; margin: 12px 14px 0; text-align: center; width: 55px;} .showNextPgName{position: absolute; right: -135%; top: -141%; width: 198px !important;} .showNextPgName img{position: absolute; left: -17%; top: 42%;} .showPrePgName{ left: -123%; position: absolute; top: -137%; width: 175px !important;} .showPrePgName img{ position: absolute; right: -28%; top: 36%;} .roundAroLeft { background: url("../images/roundAroLeft.png") no-repeat center 0; float: left;} .roundAroLeftDis { background: url("../images/roundAroLeftDis.png") no-repeat center 0; float: left;} .roundAroRig { background: url("../images/roundAroRig.png") no-repeat center 0; float: left;} .roundAroRigDis{background:url(../images/roundAroRigDis.png) center 0 no-repeat ; float:left;} .roundAroLeft, .roundAroRig, .roundAroLeftDis, .roundAroRigDis { display: inline-block; height: 48px; width: 48px;} .closeBtn, .closeBtnEx { background: url("../images/closeBtn.png") no-repeat scroll 0 0; display: inline-block;height: 23px;position: absolute; right: 11px; top: 11px; width: 22px;cursor:pointer;} .closeBtn:focus, .closeBtnEx:focus{ background-position:center -46px; } .closeBtn:hover, .closeBtnEx:hover{ background-position:center -23px; } .takeTourCont {position: absolute; top: 13%; z-index: 999;} .popupRigLeftBtn div b{ padding:0 2px;} .popupRigLeftBtn .selectTxt{ color:#de582c;} .roundAroRig:hover, .roundAroRig:focus{ background-position:center -48px;} .roundAroLeft:hover, .roundAroLeft:focus{ background-position:center -48px;} .iconeCont{display:none;} .iconeCont a{background: url("../images/i_icone.png") no-repeat 0 0; height: 51px; position: absolute; width: 51px; z-index: 9;} .iconeCont a:focus{ background-position:0 -51px;} .iconeCont a:hover{ background-position:0 -102px;} .iconeCont a.visited{background:url(../images/i_icone_act.png) 0 0 no-repeat; } .iconeCont a.visited:focus{ background-position:0 -51px;} .iconeCont a.visited:hover{ background-position:0 -102px;} .imgBorder { border: 10px solid #fff; border-radius: 5px;} .iconeActive { position: absolute; z-index: 9;} .onePos_tour {left: 14.5%; top:8.5%;} .lightBlueBox{ position:absolute; background:url(../images/lightBoxBg.png) 0 0 repeat\9; background: rgba(35, 107, 123, 0.75); -moz-border-radius: 5px; border-radius:5px; width:297px;font-family:"BentonSansRegular", arial; font-size:13px; padding:18px 20px; float:left; font-weight:normal;} .onePos_tour .lightBlueBox{left:61%; top: 11%; width: 250px;} .onePos_tour .popupRigLeftBtn {left:34.9%;} .onePos_tour .whiteAro{left: -51px; position: absolute; top: 78%;} .onePos_tour .iconeActive{left: -0.1%; top: 3.8%;} .twoPos_tour { left: 13.7%; top: 15%;} .twoPos_tour .popupRigLeftBtn {left:40.5%;} .twoPos_tour .lightBlueBox{ left: 5%; top: 12%; width: 59%;} .twoPos_tour .whiteAro{left: 46%; position: absolute; top: 80%;} .twoPos_tour .iconeActive{left: 33.6%; top: 45%;} .three_tour {left: 1.2%; top: 18.1%;} .three_tour .popupRigLeftBtn {left: 41.58%;} .three_tour .lightBlueBox{left: 26%; top: 12.5%;width: 47%;} .three_tour .rounded-middle-forum{ padding:99px 2px 25px ;} .three_tour .imgBorder {border: 5px solid #fff;} .three_tour .whiteAro{left: -28%; position: absolute; top: 55%;} .three_tour .iconeActive{ left: -3px; top: 27%;} .fore_tour { left: 0%; top: 18.1%;} .fore_tour .rounded-middle-forum{ padding:95px 8px 25px ;} .fore_tour .imgBorder {border: 10px solid #fff;} .fore_tour .popupRigLeftBtn {left: 41.58%;} .fore_tour .lightBlueBox{ left:31%; top: 12%; width:60%;} .fore_tour .whiteAro{ left: -24.5%; position: absolute; top: 38%;} .fore_tour .iconeActive{left: -4px; top: 39.1%;} .five_tour {left: 0.6%; top: 38.3%;} .five_tour .popupRigLeftBtn {left:40.8%;} .five_tour .lightBlueBox{left: 26%; top: 9%;width: 46%;} .five_tour .rounded-middle-forum{ padding:95px 8px 25px ;} .five_tour .imgBorder {border: 10px solid #fff;} .five_tour .whiteAro{ left:-11.5%; position: absolute; top: 65%;} .five_tour .iconeActive{ left: -2px;top: 16.2%;} .pageone{ position:relative;} /*start footer */ .footer { bottom: 0; width: 100%;} .footerImg { text-align:center; background:url(../images/footerBg.jpg) 0 0 repeat-x;} .footerImg img{ margin:0 auto;} .footerBlankStrip{background: #26272b; width:100%;} .footerCont { color: #b1b2b6; font-size: 13px; padding: 20px 12px; text-align: right; z-index: 998; position:relative;} /*end footer */ /*//////////////////////////////////////////////////////////////////////////////////////////////////// ICON ALL CSS ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ #firstPage a.one {left: 1%; top: 13%;} #firstPage a.two { left: 72%; top: 43%;} #firstPage a.three{left: 47%; top: 40%;} #firstPage a.four, #iconeCont1 a.fore{ left: 0.9%; top: 70%;} #firstPage a.five{ left: 42.5%; top: 68%;} #firstPage a.six{left: 26.9%; top: 32.9%;} #secPage .iconeCont a.one{ left: 18px; top: 53.4%;} #secPage .iconeCont a.two{ left: 1.2%; top: 75%;} #iconeCont2 a.three{ left: 0.5%; top: 6%;} #threePage .iconeCont a.one{left: 0.5%; top: 44%;} #threePage .iconeCont a.two{left:15px; top: 72%;} #fourPage .iconeCont a.one{left: 0.5%; top: 34%;} #fourPage .iconeCont a.two{left: 0.8%; top: 43%;} #fourPage .iconeCont a.three{left: 0.5%; top:54%;} #fivePage .iconeCont a.one{ left: 53.5%; top: 14.8%;} #fivePage .iconeCont a.two{left: 89%; top: 14.8%;} #fivePage .iconeCont a.three{left: 0.5%; top:54%;} /*//////////////////////////////////////////////////////////////////////////////////////////////////// END ICON ALL CSS ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////// 320 px ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width:320px){ /* ICONS */ #firstPage a.one {left: 1%; top: 13%;} #firstPage a.two { left: 72%; top: 43%;} #firstPage a.three{left: 47%; top: 40%;} #firstPage a.four, #iconeCont1 a.fore{ left: 0.9%; top: 70%;} #firstPage a.five{ left: 42.5%; top: 68%;} #firstPage a.six{left: 24%; top: 44%;} /* TOUR CONTAINERS */ #firstPage .onePos_tour { left: 4%; top:0%;width:90%;} #firstPage .twoPos_tour {left: 4%; top:0%;width:90%;} #firstPage .threePos_tour{left: 4%; top:0%;width:90%;} #firstPage .fourPos_tour{ left: 4%; top:0%;width:90%;} #firstPage .fivePos_tour{ left: 4%; top:0%;width:90%;} #secPage .onePos_tour{left: 4%; top:0%;width:90%;} #secPage .twoPos_tour{left: 4%; top:0%;width:90%;} #threePage .onePos_tour{ left: 4%; top:0%;width:90%;} #threePage .twoPos_tour{left: 4%; top:0%;width:90%;} #fourPage .onePos_tour{ left: 4%; top:0%;width:90%;} #fourPage .twoPos_tour{ left: 4%; top:0%;width:90%;} #fourPage .threePos_tour{ left: 4%; top:0%;width:90%;} #fivePage .onePos_tour{left: 4%; top:0%;width:90%;} #fivePage .twoPos_tour{left: 4%; top:0%;width:90%;} /* NAVIGATION CONTAINERS */ #firstPage .onePos_tour .popupRigLeftBtn {left:20.8%;} #firstPage .twoPos_tour .popupRigLeftBtn{left: 20.8%;} #firstPage .threePos_tour .popupRigLeftBtn{left: 20.8%;} #firstPage .fourPos_tour .popupRigLeftBtn{left: 20.8%;} #firstPage .fivePos_tour .popupRigLeftBtn{left: 20.8%;} #secPage .onePos_tour .popupRigLeftBtn{left: 20.8%;} #secPage .twoPos_tour .popupRigLeftBtn { left: 20.8%;} #threePage .onePos_tour .popupRigLeftBtn { left: 20.8%;} #threePage .twoPos_tour .popupRigLeftBtn { left: 20.8%;} #fourPage .onePos_tour .popupRigLeftBtn { left: 20.8%;} #fourPage .twoPos_tour .popupRigLeftBtn { left: 20.8%;} #fourPage .threePos_tour .popupRigLeftBtn { left: 20.8%;} #fivePage .onePos_tour .popupRigLeftBtn { left: 20.8%;} #fivePage .twoPos_tour .popupRigLeftBtn {left: 20.8%;} /* BOX AND ARROWS CONTAINERS */ #firstPage .onePos_tour .lightBlueBox { left: 3%; top: 14%; width: 250px;} #firstPage .onePos_tour .whiteAro { left: -51px; position: absolute; top: 78%;} #firstPage .onePos_tour .iconeActive { left: -0.1%; top: 4.8%;} #firstPage .twoPos_tour .lightBlueBox { left: 5%; top: 18%; width: 59%;} #firstPage .twoPos_tour .imgBorder { margin-left: 136px;} #firstPage .twoPos_tour .rounded-middle-forum{ padding-top:125px;} #firstPage .twoPos_tour .iconeActive { left: 3%; top: 40.5%;} #firstPage .threePos_tour .whiteAro {left: 0%; position: absolute; top: 80%;} #firstPage .threePos_tour .lightBlueBox {left: 18%; top: 20%;width: 182px;} #firstPage .threePos_tour .rounded-middle-forum{padding-top:140px} #firstPage .threePos_tour .iconeActive{ left: 3%; top: 46%;} #firstPage .fourPos_tour .whiteAro { left: 0%; position: absolute; top: 85%;} #firstPage .fourPos_tour .lightBlueBox { left: 34%; top: 19%; width: 56%;} #firstPage .fourPos_tour .rounded-middle-forum{padding-top:140px} #firstPage .fourPos_tour .iconeActive{ left: 3%; top: 62%;} #firstPage .fourPos_tour .rounded-middle-forum{ padding-top:162px;} #firstPage .fivePos_tour .whiteAro { left: 30%; position: absolute; top: 85%;} #firstPage .fivePos_tour .lightBlueBox { left: 9%; top: 20%; width: 76%;} #firstPage .fivePos_tour .rounded-middle-forum{padding-top:156px} #firstPage .fivePos_tour .iconeActive{ left: 3%; top: 58%;} #firstPage .fivePos_tour .rounded-middle-forum{ padding-top:136px;} .secPageBg { display:none; position:relative; width: 100%;} #secPage .iconeCont a.one{ left: 18px; top: 53.4%;} #secPage .iconeCont a.two{ left: 1.2%; top: 75%;} #iconeCont2 a.three{ left: 0.5%; top: 6%;} #secPage .onePos_tour .lightBlueBox{ left: 8%; top: 18%; width: 76%; background:rgba(35, 107, 123, 0.85)} #secPage .onePos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 85%;} #secPage .onePos_tour .iconeActive{left: 3%; top:52%;} #secPage .onePos_tour .rounded-middle-forum{ padding-top:120px;} #secPage .twoPos_tour .rounded-middle-forum{ padding-top:128px;} #secPage .twoPos_tour .imgBorder{ border:10px solid #fff;} #secPage .twoPos_tour .lightBlueBox{ left: 8%; top: 23.3%; width: 76%;} #secPage .twoPos_tour .lightBlueBox.paymentBox{ left: 63%; top: 8.3%; width: 24%;} #secPage .twoPos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 85%;} #secPage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #secPage .twoPos_tour .iconeActive{ left: 3%; top: 58%;} #secPage .twoPos_tour .imgBorder{ margin-left:0%;} #threePage .iconeCont a.one{left: 0.5%; top: 44%;} #threePage .iconeCont a.two{left:15px; top: 72%;} #threePage .onePos_tour .lightBlueBox{ left: 12%; top: 22%; width:74%; background:rgba(35, 107, 123, 0.85)} #threePage .onePos_tour .lightBlueBox .whiteAro{ left: 12%; position: absolute; top: 80%;} #threePage .onePos_tour .iconeActive{ left: 3%;top: 68%;} #threePage .onePos_tour .rounded-middle-forum{ padding-top:140px;} #threePage .twoPos_tour .rounded-middle-forum{ padding-top:139px;} #threePage .twoPos_tour .imgBorder{ border:10px solid #fff;} #threePage .twoPos_tour .lightBlueBox{ left: 7%; top: 32%; width: 71%;} #threePage .twoPos_tour .lightBlueBox .whiteAro{ left: 16.5%; position: absolute; top: 80%;} #threePage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #threePage .twoPos_tour .iconeActive{ left: 3%; top: 68%;} #threePage .twoPos_tour .imgBorder{ margin-left:0%;} #fourPage .iconeCont a.one{left: 0.5%; top: 34%;} #fourPage .iconeCont a.two{left: 0.8%; top: 43%;} #fourPage .iconeCont a.three{left: 0.5%; top:54%;} #fourPage .onePos_tour .rounded-middle-forum{ padding-top:106px;} #fourPage .onePos_tour .whiteAro { left: 13%; top: 80%;} #fourPage .onePos_tour .lightBlueBox{left: 2%; top: 15%;} #fourPage .onePos_tour .iconeActive { left: 3%; top: 37%;} #fourPage .twoPos_tour .rounded-middle-forum{ padding: 126px 37px 25px;} #fourPage .twoPos_tour .lightBlueBox{left: 8%; top: 28%; width:76%} #fourPage .twoPos_tour .whiteAro { left: 30%; top: 85%;} #fourPage .twoPos_tour .iconeActive { left:7%; top: 63%;} #fourPage .threePos_tour .rounded-middle-forum{ padding-top:123px;} #fourPage .threePos_tour .whiteAro { left: 13%; top:80%; position:absolute;} #fourPage .threePos_tour .iconeActive { left: 3%; top: 45%;} #fourPage .threePos_tour .lightBlueBox { left: 13%; top: 17%; width:67%;} #fivePage .iconeCont a.one{ left: 53.5%; top: 14.8%;} #fivePage .iconeCont a.two{left: 89%; top: 14.8%;} #fivePage .iconeCont a.three{left: 0.5%; top:54%;} #fivePage .onePos_tour .rounded-middle-forum{ padding-top:110px;} #fivePage .onePos_tour .whiteAro { left: 30%; top: 85%; } #fivePage .onePos_tour .lightBlueBox{left: 1%; top: 18%; width: 76%;} #fivePage .onePos_tour .cardDetailsImg{ margin-left:28%;} #fivePage .onePos_tour .iconeActive { left:3%; top: 32%;} #fivePage .twoPos_tour .rounded-middle-forum{ padding-top:110px;} #fivePage .twoPos_tour .whiteAro { left: 30%; top: 85%; } #fivePage .twoPos_tour .lightBlueBox{ left: 4%; top: 21%; width: 76%;} #fivePage .twoPos_tour .iconeActive { left:3%; top: 45%;} #fivePage .twoPos_tour .cardDetailsImg{ margin-left:35%;} .lightBlueBox{font-size:10px; margin-left: auto; margin-right: auto;} .whiteAro{max-width:80px;} .iconeActive{max-width: 32px;} .imgBorder{margin-left: auto; margin-right: auto;} .cardDetailsImg{margin:0%;} #threePage .twoPos_tour .imgBorder{margin-left: auto; margin-right: auto;} #fivePage .onePos_tour .cardDetailsImg{margin:0%;} #fivePage .twoPos_tour .cardDetailsImg{margin:0%;} #firstPage .rounded-middle-forum{padding-top:120px;} #firstPage .twoPos_tour .imgBorder{margin-left: auto; margin-right: auto;} #firstPage .onePos_tour .whiteAro{left:40px;} #firstPage .onePos_tour .iconeActive{top:37%; left:4%;} /* MENU CSS */ .new-menu{position: fixed; top:0; left: 0; z-index:1001; width: 100%; max-width:100%; background: linear-gradient(to right, rgb(0, 41, 100) 0%, rgb(0, 155, 188) 100%);} .menu-items{top:88px;} .new-menu .logo{float:left; max-width:32px;margin-top:20px; margin-bottom:20px;} .menu-button span{font-size:12px; display:block; margin-top:0; float:left;} .menu-button .glyphicon{font-size:10px; display:block; margin-top:3px;; float:left;} .header-title{margin-top:24px; float:left; font-weight:bold; margin-left:10px;} .header-title h3{font-size:12px; display: block; width:110px;} .return-button{width:60px; height:auto; outline: none; margin-top:20px; float:right; padding:5px;color:#fff; font-size:12px; border-width: 1px;border-style: solid; border-color: rgb(33, 201, 233); border-radius: 3px; background: #00b4d6; /* Old browsers */background: -moz-linear-gradient(top, #00b4d6 0%, #00a2c2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #00b4d6 0%,#00a2c2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #00b4d6 0%,#00a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4d6', endColorstr='#00a2c2',GradientType=0 ); /* IE6-9 */text-shadow: 0px 0px 2px #000;} .return-button:hover{color:#53ddf8; background: #00a2c2; /* Old browsers */ background: -moz-linear-gradient(top, #00a2c2 0%, #00b4d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00a2c2 0%,#00b4d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00a2c2 0%,#00b4d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2c2', endColorstr='#00b4d6',GradientType=0 ); /* IE6-9 */ } .menu-button, .menu-button:visited{float:left; color: #fff;background: none;border: none;outline: none;height:50px;margin-left:0px;margin-top: 25px;padding: 10px;} .return-button-small{display: none; width:40px; height:auto; outline: none; margin-top:20px; float:right; padding:3px;color:#fff; font-size:10px; border-width: 1px;border-style: solid; border-color: rgb(33, 201, 233); border-radius: 3px; background: #00b4d6; /* Old browsers */background: -moz-linear-gradient(top, #00b4d6 0%, #00a2c2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #00b4d6 0%,#00a2c2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #00b4d6 0%,#00a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4d6', endColorstr='#00a2c2',GradientType=0 ); /* IE6-9 */text-shadow: 0px 0px 2px #000;} .return-button-small:hover{color:#53ddf8; background: #00a2c2; /* Old browsers */ background: -moz-linear-gradient(top, #00a2c2 0%, #00b4d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00a2c2 0%,#00b4d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00a2c2 0%,#00b4d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2c2', endColorstr='#00b4d6',GradientType=0 ); /* IE6-9 */ } .menu-items{display: none; position: fixed;list-style:none; top:72px; background-color:#fff; width:100%; z-index:1000; left:0; border-bottom:6px solid #009abb; box-shadow:10px 0px 5px #000;} .menu-item{ display: inline-block; max-width:95px; border-right:1px solid #009abb; margin-top:20px; margin-bottom:20px; height:80px; float:left;} .item-title{font-size: 10px; color:#009abb; text-align: center; margin-top:5px; font-weight: bold;} .item-img{width:100%; max-width:100%; height:30px; border: 2px solid #009abb;} .activebtn{background-color:#fff; border-top-left-radius: 5px; border-top-right-radius: 5px; height:48px;} .activebtn span{color:#009abb;} /* WELCOME CONTAINER */ .welcomeCont{ position: absolute;z-index:999; color: #fff; font-size: 14px;} .welcomeCont h1 { font-size: 18px; font-weight: normal; line-height: 24px; margin-top: 0px; text-shadow: 0 0 3px #000;} .welcomeCont h1 strong { display: block; font-family:arial; font-size:18px;} .welcomeCont p { font-family: arial,arial; font-size: 12px; margin: 20px 0 0; text-shadow: 0 0 3px #000;} .welcomeCont p.padTopNone { margin-top: 10px;} a.roundBtn{width: 80%; max-width: 180px; margin-top:10px;text-align: center; box-shadow: 0 0 2px #000; font-family: arial; font-size:14px; text-transform: uppercase; border:0px solid #053379; -moz-border-radius: 5px; border-radius:5px; color:#fff; background:#009bba; padding:10px; display: inline-block;} .roundBtn.expBtn{background:#006794;} a.roundBtn:hover, a.roundBtn:focus{ background: #002663;} .marLeftBtn{ margin-right:11.7%; } .overlay{background:url(../images/contBg.png) 0 0 repeat; position:absolute; top:0px; width:100%; z-index:99; height:500px; ;} } /*//////////////////////////////////////////////////////////////////////////////////////////////////// 375 px ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width:375px){ /* ICONS */ #firstPage a.one {left: 1%; top: 13%;} #firstPage a.two { left: 72%; top: 43%;} #firstPage a.three{left: 47%; top: 40%;} #firstPage a.four, #iconeCont1 a.fore{ left: 0.9%; top: 70%;} #firstPage a.five{ left: 42.5%; top: 68%;} #firstPage a.six{left: 24%; top: 44%;} /* NAVIGATION CONTAINERS */ #firstPage .onePos_tour .popupRigLeftBtn {left:25.3%;} #firstPage .twoPos_tour .popupRigLeftBtn{left: 25.3%;} #firstPage .threePos_tour .popupRigLeftBtn{left: 25.3%;} #firstPage .fourPos_tour .popupRigLeftBtn{left: 25.3%;} #firstPage .fivePos_tour .popupRigLeftBtn{left: 25.3%;} #secPage .onePos_tour .popupRigLeftBtn{left: 25.3%;} #secPage .twoPos_tour .popupRigLeftBtn { left: 25.3%;} #threePage .onePos_tour .popupRigLeftBtn { left: 25.3%;} #threePage .twoPos_tour .popupRigLeftBtn { left: 25.3%;} #fourPage .onePos_tour .popupRigLeftBtn { left: 25.3%;} #fourPage .twoPos_tour .popupRigLeftBtn { left: 25.3%;} #fourPage .threePos_tour .popupRigLeftBtn { left: 25.3%;} #fivePage .onePos_tour .popupRigLeftBtn { left: 25.3%;} #fivePage .twoPos_tour .popupRigLeftBtn {left: 25.3%;} /* BOX AND ARROWS CONTAINERS */ #firstPage .onePos_tour .lightBlueBox { left: 3%; top: 14%; width: 86%;} #firstPage .onePos_tour .whiteAro { left: -51px; position: absolute; top: 78%;} #firstPage .onePos_tour .whiteAro{left:40px;} #firstPage .onePos_tour .iconeActive{top:33%; left:4%;} #firstPage .twoPos_tour .lightBlueBox { left: 5%; top: 18%; width: 59%;} #firstPage .twoPos_tour .imgBorder { margin-left: 136px;} #firstPage .twoPos_tour .rounded-middle-forum{ padding-top:125px;} #firstPage .twoPos_tour .iconeActive { left: 5%; top: 40.5%;} #firstPage .threePos_tour .whiteAro {left: 0%; position: absolute; top: 80%;} #firstPage .threePos_tour .lightBlueBox {left: 18%; top: 20%;width: 182px;} #firstPage .threePos_tour .rounded-middle-forum{padding-top:140px} #firstPage .threePos_tour .iconeActive{ left: 7%; top: 46%;} #firstPage .fourPos_tour .whiteAro { left: 0%; position: absolute; top: 85%;} #firstPage .fourPos_tour .lightBlueBox { left: 34%; top: 23%; width: 56%;} #firstPage .fourPos_tour .rounded-middle-forum{padding-top:140px} #firstPage .fourPos_tour .iconeActive{ left: 3%; top: 62%;} #firstPage .fourPos_tour .rounded-middle-forum{ padding-top:162px;} #firstPage .fivePos_tour .whiteAro { left: 30%; position: absolute; top: 85%;} #firstPage .fivePos_tour .lightBlueBox { left: 9%; top: 20%; width: 76%;} #firstPage .fivePos_tour .rounded-middle-forum{padding-top:156px} #firstPage .fivePos_tour .iconeActive{ left: 3%; top: 58%;} #firstPage .fivePos_tour .rounded-middle-forum{ padding-top:136px;} .secPageBg { display:none; position:relative; width: 100%;} #secPage .iconeCont a.one{ left: 18px; top: 53.4%;} #secPage .iconeCont a.two{ left: 1.2%; top: 75%;} #iconeCont2 a.three{ left: 0.5%; top: 6%;} #secPage .onePos_tour .lightBlueBox{ left: 8%; top: 18%; width: 76%; background:rgba(35, 107, 123, 0.85)} #secPage .onePos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 85%;} #secPage .onePos_tour .iconeActive{left: 3%; top:52%;} #secPage .onePos_tour .rounded-middle-forum{ padding-top:120px;} #secPage .twoPos_tour .rounded-middle-forum{ padding-top:128px;} #secPage .twoPos_tour .imgBorder{ border:10px solid #fff;} #secPage .twoPos_tour .lightBlueBox{ left: 8%; top: 23.3%; width: 76%;} #secPage .twoPos_tour .lightBlueBox.paymentBox{ left: 63%; top: 8.3%; width: 24%;} #secPage .twoPos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 85%;} #secPage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #secPage .twoPos_tour .iconeActive{ left: 3%; top: 58%;} #secPage .twoPos_tour .imgBorder{ margin-left:0%;} #threePage .iconeCont a.one{left: 0.5%; top: 44%;} #threePage .iconeCont a.two{left:15px; top: 72%;} #threePage .onePos_tour .lightBlueBox{ left: 12%; top: 26%; width:74%; background:rgba(35, 107, 123, 0.85)} #threePage .onePos_tour .lightBlueBox .whiteAro{ left: 12%; position: absolute; top: 80%;} #threePage .onePos_tour .iconeActive{ left: 3%;top: 68%;} #threePage .onePos_tour .rounded-middle-forum{ padding-top:140px;} #threePage .twoPos_tour .rounded-middle-forum{ padding-top:139px;} #threePage .twoPos_tour .imgBorder{ border:10px solid #fff;} #threePage .twoPos_tour .lightBlueBox{ left: 7%; top: 32%; width: 71%;} #threePage .twoPos_tour .lightBlueBox .whiteAro{ left: 16.5%; position: absolute; top: 80%;} #threePage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #threePage .twoPos_tour .iconeActive{ left: 3%; top: 68%;} #threePage .twoPos_tour .imgBorder{ margin-left:0%;} #fourPage .iconeCont a.one{left: 0.5%; top: 34%;} #fourPage .iconeCont a.two{left: 0.8%; top: 43%;} #fourPage .iconeCont a.three{left: 0.5%; top:54%;} #fourPage .onePos_tour .rounded-middle-forum{ padding-top:106px;} #fourPage .onePos_tour .whiteAro { left: 13%; top: 80%;} #fourPage .onePos_tour .lightBlueBox{left:8%; top: 15%;} #fourPage .onePos_tour .iconeActive { left: 3%; top: 34%;} #fourPage .twoPos_tour .rounded-middle-forum{ padding: 126px 37px 25px;} #fourPage .twoPos_tour .lightBlueBox{left: 8%; top: 28%; width:76%} #fourPage .twoPos_tour .whiteAro { left: 30%; top: 85%;} #fourPage .twoPos_tour .iconeActive { left:7%; top: 63%;} #fourPage .threePos_tour .rounded-middle-forum{ padding-top:123px;} #fourPage .threePos_tour .whiteAro { left: 13%; top:80%; position:absolute;} #fourPage .threePos_tour .iconeActive { left: 3%; top: 45%;} #fourPage .threePos_tour .lightBlueBox { left: 13%; top: 17%; width:67%;} #fivePage .iconeCont a.one{ left: 53.5%; top: 14.8%;} #fivePage .iconeCont a.two{left: 89%; top: 14.8%;} #fivePage .iconeCont a.three{left: 0.5%; top:54%;} #fivePage .onePos_tour .rounded-middle-forum{ padding-top:110px;} #fivePage .onePos_tour .whiteAro { left: 30%; top: 85%; } #fivePage .onePos_tour .lightBlueBox{left: 1%; top: 18%; width: 76%;} #fivePage .onePos_tour .cardDetailsImg{ margin-left:28%;} #fivePage .onePos_tour .iconeActive { left:3%; top: 32%;} #fivePage .twoPos_tour .rounded-middle-forum{ padding-top:110px;} #fivePage .twoPos_tour .whiteAro { left: 30%; top: 85%; } #fivePage .twoPos_tour .lightBlueBox{ left: 4%; top: 21%; width: 76%;} #fivePage .twoPos_tour .iconeActive { left:3%; top: 45%;} #fivePage .twoPos_tour .cardDetailsImg{ margin-left:35%;} .lightBlueBox{font-size:10px; margin-left: auto; margin-right: auto;} .whiteAro{max-width:80px;} .iconeActive{max-width: 32px;} .imgBorder{margin-left: auto; margin-right: auto;} .cardDetailsImg{margin:0%;} #threePage .twoPos_tour .imgBorder{margin-left: auto; margin-right: auto;} #fivePage .onePos_tour .cardDetailsImg{margin:0%;} #fivePage .twoPos_tour .cardDetailsImg{margin:0%;} #firstPage .rounded-middle-forum{padding-top:120px;} #firstPage .twoPos_tour .imgBorder{margin-left: auto; margin-right: auto;} /* MENU CSS */ .new-menu{position: fixed; top:0; left: 0; z-index:1001; width: 100%; max-width:100%; background: linear-gradient(to right, rgb(0, 41, 100) 0%, rgb(0, 155, 188) 100%);} .menu-items{top:88px;} .new-menu .logo{float:left; max-width:32px;margin-top:20px; margin-bottom:20px;} .menu-button span{font-size:12px; display:block; margin-top:0; float:left;} .menu-button .glyphicon{font-size:10px; display:block; margin-top:3px;; float:left;} .header-title{margin-top:24px; float:left; font-weight:bold; margin-left:10px;} .header-title h3{font-size:12px; display: block; width:110px;} .return-button{width:60px; height:auto; outline: none; margin-top:20px; float:right; padding:5px;color:#fff; font-size:12px; border-width: 1px;border-style: solid; border-color: rgb(33, 201, 233); border-radius: 3px; background: #00b4d6; /* Old browsers */background: -moz-linear-gradient(top, #00b4d6 0%, #00a2c2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #00b4d6 0%,#00a2c2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #00b4d6 0%,#00a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4d6', endColorstr='#00a2c2',GradientType=0 ); /* IE6-9 */text-shadow: 0px 0px 2px #000;} .return-button:hover{color:#53ddf8; background: #00a2c2; /* Old browsers */ background: -moz-linear-gradient(top, #00a2c2 0%, #00b4d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00a2c2 0%,#00b4d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00a2c2 0%,#00b4d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2c2', endColorstr='#00b4d6',GradientType=0 ); /* IE6-9 */ } .menu-button, .menu-button:visited{float:left; color: #fff;background: none;border: none;outline: none;height:50px;margin-left:25px;margin-top: 25px;padding: 10px;} .return-button-small{display: none; width:40px; height:auto; outline: none; margin-top:20px; float:right; padding:3px;color:#fff; font-size:10px; border-width: 1px;border-style: solid; border-color: rgb(33, 201, 233); border-radius: 3px; background: #00b4d6; /* Old browsers */background: -moz-linear-gradient(top, #00b4d6 0%, #00a2c2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #00b4d6 0%,#00a2c2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #00b4d6 0%,#00a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4d6', endColorstr='#00a2c2',GradientType=0 ); /* IE6-9 */text-shadow: 0px 0px 2px #000;} .return-button-small:hover{color:#53ddf8; background: #00a2c2; /* Old browsers */ background: -moz-linear-gradient(top, #00a2c2 0%, #00b4d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00a2c2 0%,#00b4d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00a2c2 0%,#00b4d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2c2', endColorstr='#00b4d6',GradientType=0 ); /* IE6-9 */ } .menu-items{display: none; position: fixed;list-style:none; top:72px; background-color:#fff; width:100%; z-index:1000; left:0; border-bottom:6px solid #009abb; box-shadow:10px 0px 5px #000;} .menu-item{ display: inline-block; max-width:95px; border-right:1px solid #009abb; margin-top:20px; margin-bottom:20px; height:80px; float:left;} .item-title{font-size: 10px; color:#009abb; text-align: center; margin-top:5px; font-weight: bold;} .item-img{width:100%; max-width:100%; height:30px; border: 2px solid #009abb;} .activebtn{background-color:#fff; border-top-left-radius: 5px; border-top-right-radius: 5px; height:48px;} .activebtn span{color:#009abb;} /* WELCOME CONTAINER */ .welcomeCont{ position: absolute;z-index:999; color: #fff; font-size: 14px;} .welcomeCont h1 { font-size: 18px; font-weight: normal; line-height: 24px; margin-top: 0px; text-shadow: 0 0 3px #000;} .welcomeCont h1 strong { display: block; font-family:arial; font-size:18px;} .welcomeCont p { font-family: arial,arial; font-size: 12px; margin: 20px 0 0; text-shadow: 0 0 3px #000;} .welcomeCont p.padTopNone { margin-top: 10px;} a.roundBtn{width: 80%; max-width: 180px; margin-top:10px;text-align: center; box-shadow: 0 0 2px #000; font-family: arial; font-size:14px; text-transform: uppercase; border:0px solid #053379; -moz-border-radius: 5px; border-radius:5px; color:#fff; background:#009bba; padding:10px; display: inline-block;} .roundBtn.expBtn{background:#006794;} a.roundBtn:hover, a.roundBtn:focus{ background: #002663;} .marLeftBtn{ margin-right:11.7%; } .overlay{background:url(../images/contBg.png) 0 0 repeat; position:absolute; top:0px; width:100%; z-index:99; height:550px; ;} } /*//////////////////////////////////////////////////////////////////////////////////////////////////// 425 px ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width:425px){ /* ICONS */ #firstPage a.one {left: 1%; top: 13%;} #firstPage a.two { left: 72%; top: 43%;} #firstPage a.three{left: 47%; top: 40%;} #firstPage a.four, #iconeCont1 a.fore{ left: 0.9%; top: 70%;} #firstPage a.five{ left: 42.5%; top: 68%;} #firstPage a.six{left: 24%; top: 44%;} /* NAVIGATION CONTAINERS */ #firstPage .onePos_tour .popupRigLeftBtn {left:28.3%;} #firstPage .twoPos_tour .popupRigLeftBtn{left: 28.3%;} #firstPage .threePos_tour .popupRigLeftBtn{left: 28.3%;} #firstPage .fourPos_tour .popupRigLeftBtn{left: 28.3%;} #firstPage .fivePos_tour .popupRigLeftBtn{left: 28.3%;} #secPage .onePos_tour .popupRigLeftBtn{left: 28.3%;} #secPage .twoPos_tour .popupRigLeftBtn { left: 28.3%;} #threePage .onePos_tour .popupRigLeftBtn { left: 28.3%;} #threePage .twoPos_tour .popupRigLeftBtn { left: 28.3%;} #fourPage .onePos_tour .popupRigLeftBtn { left: 28.3%;} #fourPage .twoPos_tour .popupRigLeftBtn { left: 28.3%;} #fourPage .threePos_tour .popupRigLeftBtn { left: 28.3%;} #fivePage .onePos_tour .popupRigLeftBtn { left: 28.3%;} #fivePage .twoPos_tour .popupRigLeftBtn {left: 28.3%;} /* BOX AND ARROWS CONTAINERS */ #firstPage .onePos_tour .lightBlueBox { left: 3%; top: 14%; width: 86%;} #firstPage .onePos_tour .whiteAro { left: -51px; position: absolute; top: 78%;} #firstPage .onePos_tour .whiteAro{left:40px;} #firstPage .onePos_tour .iconeActive{top:30%; left:4%;} #firstPage .twoPos_tour .lightBlueBox { left: 5%; top: 18%; width: 59%;} #firstPage .twoPos_tour .imgBorder { margin-left: auto; margin-right: auto;} #firstPage .twoPos_tour .rounded-middle-forum{ padding-top:125px;} #firstPage .twoPos_tour .iconeActive { left: 10%; top: 40.5%;} #firstPage .threePos_tour .whiteAro {left: 0%; position: absolute; top: 80%;} #firstPage .threePos_tour .lightBlueBox {left: 25%; top: 20%;width: 60%;} #firstPage .threePos_tour .rounded-middle-forum{padding-top:140px} #firstPage .threePos_tour .iconeActive{ left: 12%; top: 46%;} #firstPage .fourPos_tour .whiteAro { left: 0%; position: absolute; top: 85%;} #firstPage .fourPos_tour .lightBlueBox { left: 34%; top: 23%; width: 56%;} #firstPage .fourPos_tour .rounded-middle-forum{padding-top:140px} #firstPage .fourPos_tour .iconeActive{ left: 3%; top: 59%;} #firstPage .fourPos_tour .rounded-middle-forum{ padding-top:162px;} #firstPage .fivePos_tour .whiteAro { left: 30%; position: absolute; top: 85%;} #firstPage .fivePos_tour .lightBlueBox { left: 9%; top: 22%; width: 76%;} #firstPage .fivePos_tour .rounded-middle-forum{padding-top:156px} #firstPage .fivePos_tour .iconeActive{ left: 3%; top: 55%;} #firstPage .fivePos_tour .rounded-middle-forum{ padding-top:136px;} .secPageBg { display:none; position:relative; width: 100%;} #secPage .iconeCont a.one{ left: 18px; top: 53.4%;} #secPage .iconeCont a.two{ left: 1.2%; top: 75%;} #iconeCont2 a.three{ left: 0.5%; top: 6%;} #secPage .onePos_tour .lightBlueBox{ left: 8%; top: 18%; width: 76%; background:rgba(35, 107, 123, 0.85)} #secPage .onePos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 85%;} #secPage .onePos_tour .iconeActive{left: 3%; top:47%;} #secPage .onePos_tour .rounded-middle-forum{ padding-top:120px;} #secPage .twoPos_tour .rounded-middle-forum{ padding-top:128px;} #secPage .twoPos_tour .imgBorder{ border:10px solid #fff;} #secPage .twoPos_tour .lightBlueBox{ left: 8%; top: 23.3%; width: 76%;} #secPage .twoPos_tour .lightBlueBox.paymentBox{ left: 63%; top: 8.3%; width: 24%;} #secPage .twoPos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 85%;} #secPage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #secPage .twoPos_tour .iconeActive{ left: 3%; top: 58%;} #secPage .twoPos_tour .imgBorder{ margin-left:0%;} #threePage .iconeCont a.one{left: 0.5%; top: 44%;} #threePage .iconeCont a.two{left:15px; top: 72%;} #threePage .onePos_tour .lightBlueBox{ left: 12%; top: 30%; width:74%; background:rgba(35, 107, 123, 0.85)} #threePage .onePos_tour .lightBlueBox .whiteAro{ left: 12%; position: absolute; top: 80%;} #threePage .onePos_tour .iconeActive{ left: 3%;top: 68%;} #threePage .onePos_tour .rounded-middle-forum{ padding-top:140px;} #threePage .twoPos_tour .rounded-middle-forum{ padding-top:139px;} #threePage .twoPos_tour .imgBorder{ border:10px solid #fff;} #threePage .twoPos_tour .lightBlueBox{ left: 7%; top: 32%; width: 71%;} #threePage .twoPos_tour .lightBlueBox .whiteAro{ left: 16.5%; position: absolute; top: 80%;} #threePage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #threePage .twoPos_tour .iconeActive{ left: 3%; top: 68%;} #threePage .twoPos_tour .imgBorder{ margin-left:0%;} #fourPage .iconeCont a.one{left: 0.5%; top: 34%;} #fourPage .iconeCont a.two{left: 0.8%; top: 43%;} #fourPage .iconeCont a.three{left: 0.5%; top:54%;} #fourPage .onePos_tour .rounded-middle-forum{ padding-top:106px;} #fourPage .onePos_tour .whiteAro { left: 13%; top: 80%;} #fourPage .onePos_tour .lightBlueBox{left:8%; top: 12%;} #fourPage .onePos_tour .iconeActive { left: 3%; top: 31%;} #fourPage .twoPos_tour .rounded-middle-forum{ padding: 126px 37px 25px;} #fourPage .twoPos_tour .lightBlueBox{left: 8%; top: 28%; width:76%} #fourPage .twoPos_tour .whiteAro { left: 30%; top: 85%;} #fourPage .twoPos_tour .iconeActive { left:7%; top: 63%;} #fourPage .threePos_tour .rounded-middle-forum{ padding-top:123px;} #fourPage .threePos_tour .whiteAro { left: 13%; top:80%; position:absolute;} #fourPage .threePos_tour .iconeActive { left: 3%; top: 40%;} #fourPage .threePos_tour .lightBlueBox { left: 13%; top: 17%; width:67%;} #fivePage .iconeCont a.one{ left: 53.5%; top: 14.8%;} #fivePage .iconeCont a.two{left: 89%; top: 14.8%;} #fivePage .iconeCont a.three{left: 0.5%; top:54%;} #fivePage .onePos_tour .rounded-middle-forum{ padding-top:110px;} #fivePage .onePos_tour .whiteAro { left: 30%; top: 85%; } #fivePage .onePos_tour .lightBlueBox{left: 1%; top: 18%; width: 80%;} #fivePage .onePos_tour .cardDetailsImg{ margin-left:28%;} #fivePage .onePos_tour .iconeActive { left:3%; top: 32%;} #fivePage .twoPos_tour .rounded-middle-forum{ padding-top:110px;} #fivePage .twoPos_tour .whiteAro { left: 30%; top: 85%; } #fivePage .twoPos_tour .lightBlueBox{ left: 4%; top: 17%; width: 80%;} #fivePage .twoPos_tour .iconeActive { left:3%; top: 45%;} #fivePage .twoPos_tour .cardDetailsImg{ margin-left:35%;} .lightBlueBox{font-size:10px; margin-left: auto; margin-right: auto;} .whiteAro{max-width:80px;} .iconeActive{max-width: 32px;} .imgBorder{margin-left: auto; margin-right: auto;} .cardDetailsImg{margin:0%;} #threePage .twoPos_tour .imgBorder{margin-left: auto; margin-right: auto;} #fivePage .onePos_tour .cardDetailsImg{margin:0%;} #fivePage .twoPos_tour .cardDetailsImg{margin:0%;} /* MENU CSS */ .new-menu{position: fixed; top:0; left: 0; z-index:1001; width: 100%; max-width:100%; background: linear-gradient(to right, rgb(0, 41, 100) 0%, rgb(0, 155, 188) 100%);} .new-menu .logo{float:left; max-width:32px;margin-top:20px; margin-bottom:20px;} .menu-button span{font-size:12px; display:block; margin-top:0; float:left;} .menu-button .glyphicon{font-size:10px; display:block; margin-top:3px;; float:left;} .header-title{margin-top:24px; float:left; font-weight:bold; margin-left:10px;} .header-title h3{font-size:12px; display: block; width:110px;} .return-button{width:60px; height:auto; outline: none; margin-top:20px; float:right; padding:5px;color:#fff; font-size:12px; border-width: 1px;border-style: solid; border-color: rgb(33, 201, 233); border-radius: 3px; background: #00b4d6; /* Old browsers */background: -moz-linear-gradient(top, #00b4d6 0%, #00a2c2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #00b4d6 0%,#00a2c2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #00b4d6 0%,#00a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4d6', endColorstr='#00a2c2',GradientType=0 ); /* IE6-9 */text-shadow: 0px 0px 2px #000;} .return-button:hover{color:#53ddf8; background: #00a2c2; /* Old browsers */ background: -moz-linear-gradient(top, #00a2c2 0%, #00b4d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00a2c2 0%,#00b4d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00a2c2 0%,#00b4d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2c2', endColorstr='#00b4d6',GradientType=0 ); /* IE6-9 */ } .menu-button, .menu-button:visited{float:left; color: #fff;background: none;border: none;outline: none;height:50px;margin-left:50px;margin-top: 25px;padding: 10px;} .return-button-small{display: none; width:40px; height:auto; outline: none; margin-top:20px; float:right; padding:3px;color:#fff; font-size:10px; border-width: 1px;border-style: solid; border-color: rgb(33, 201, 233); border-radius: 3px; background: #00b4d6; /* Old browsers */background: -moz-linear-gradient(top, #00b4d6 0%, #00a2c2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #00b4d6 0%,#00a2c2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #00b4d6 0%,#00a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4d6', endColorstr='#00a2c2',GradientType=0 ); /* IE6-9 */text-shadow: 0px 0px 2px #000;} .return-button-small:hover{color:#53ddf8; background: #00a2c2; /* Old browsers */ background: -moz-linear-gradient(top, #00a2c2 0%, #00b4d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00a2c2 0%,#00b4d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00a2c2 0%,#00b4d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2c2', endColorstr='#00b4d6',GradientType=0 ); /* IE6-9 */ } .menu-items{display: none; position: fixed;list-style:none; top:71px; background-color:#fff; width:100%; z-index:1000; left:0; border-bottom:6px solid #009abb; box-shadow:10px 0px 5px #000;} .menu-item{ display: inline-block; max-width:95px; border-right:1px solid #009abb; margin-top:20px; margin-bottom:20px; height:80px; float:left;} .item-title{font-size: 10px; color:#009abb; text-align: center; margin-top:5px; font-weight: bold;} .item-img{width:100%; max-width:100%; height:30px; border: 2px solid #009abb;} .activebtn{background-color:#fff; border-top-left-radius: 5px; border-top-right-radius: 5px; height:48px;} .activebtn span{color:#009abb;} /* WELCOME CONTAINER */ .welcomeCont{ position: absolute;z-index:999; color: #fff; font-size: 14px;} .welcomeCont h1 { font-size: 22px; font-weight: normal; line-height: 28px; margin-top: 0px; text-shadow: 0 0 3px #000;} .welcomeCont h1 strong { display: block; font-family:arial; font-size:22px;} .welcomeCont p { font-family: arial,arial; font-size: 14px; margin: 20px 0 0; text-shadow: 0 0 3px #000;} .welcomeCont p.padTopNone { margin-top: 10px;} a.roundBtn{width: 80%; max-width: 180px; margin-top:10px;text-align: center; box-shadow: 0 0 2px #000; font-family: arial; font-size:14px; text-transform: uppercase; border:0px solid #053379; -moz-border-radius: 5px; border-radius:5px; color:#fff; background:#009bba; padding:10px; display: inline-block;} .roundBtn.expBtn{background:#006794;} a.roundBtn:hover, a.roundBtn:focus{ background: #002663;} .marLeftBtn{ margin-right:11.7%; } .overlay{background:url(../images/contBg.png) 0 0 repeat; position:absolute; top:0px; width:100%; z-index:99; height:600px; ;} } /*//////////////////////////////////////////////////////////////////////////////////////////////////// 480 px ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width:480px){ /* ICONS */ #firstPage a.one {left: 1%; top: 13%;} #firstPage a.two { left: 72%; top: 43%;} #firstPage a.three{left: 47%; top: 40%;} #firstPage a.four, #iconeCont1 a.fore{ left: 0.9%; top: 70%;} #firstPage a.five{ left: 42.5%; top: 68%;} #firstPage a.six{left: 24%; top: 44%;} /* NAVIGATION CONTAINERS */ #firstPage .onePos_tour .popupRigLeftBtn {left:30.5%;} #firstPage .twoPos_tour .popupRigLeftBtn{left: 30.5%;} #firstPage .threePos_tour .popupRigLeftBtn{left: 30.5%;} #firstPage .fourPos_tour .popupRigLeftBtn{left: 30.5%;} #firstPage .fivePos_tour .popupRigLeftBtn{left: 30.5%;} #secPage .onePos_tour .popupRigLeftBtn{left: 30.5%;} #secPage .twoPos_tour .popupRigLeftBtn { left: 30.5%;} #threePage .onePos_tour .popupRigLeftBtn { left: 30.5%;} #threePage .twoPos_tour .popupRigLeftBtn { left: 30.5%;} #fourPage .onePos_tour .popupRigLeftBtn { left: 30.5%;} #fourPage .twoPos_tour .popupRigLeftBtn { left: 30.5%;} #fourPage .threePos_tour .popupRigLeftBtn { left: 30.5%;} #fivePage .onePos_tour .popupRigLeftBtn { left: 30.5%;} #fivePage .twoPos_tour .popupRigLeftBtn {left: 30.5%;} /* BOX AND ARROWS CONTAINERS */ #firstPage .onePos_tour .lightBlueBox { left: 3%; top: 14%; width: 86%;} #firstPage .onePos_tour .whiteAro { left: -51px; position: absolute; top: 78%;} #firstPage .onePos_tour .whiteAro{left:40px;} #firstPage .onePos_tour .iconeActive{top:28%; left:4%;} #firstPage .twoPos_tour .lightBlueBox { left: 5%; top: 18%; width: 59%;} #firstPage .twoPos_tour .imgBorder { margin-left: auto; margin-right: auto;} #firstPage .twoPos_tour .rounded-middle-forum{ padding-top:125px;} #firstPage .twoPos_tour .iconeActive { left: 15%; top: 40.5%;} #firstPage .threePos_tour .whiteAro {left: 0%; position: absolute; top: 80%;} #firstPage .threePos_tour .lightBlueBox {left: 30%; top: 24%;width: 60%;} #firstPage .threePos_tour .rounded-middle-forum{padding-top:140px} #firstPage .threePos_tour .iconeActive{ left: 15%; top: 45%;} #firstPage .fourPos_tour .whiteAro { left: 0%; position: absolute; top: 85%;} #firstPage .fourPos_tour .lightBlueBox { left: 34%; top: 23%; width: 56%;} #firstPage .fourPos_tour .rounded-middle-forum{padding-top:140px} #firstPage .fourPos_tour .iconeActive{ left: 3%; top: 56%;} #firstPage .fourPos_tour .rounded-middle-forum{ padding-top:162px;} #firstPage .fivePos_tour .whiteAro { left: 30%; position: absolute; top: 85%;} #firstPage .fivePos_tour .lightBlueBox { left: 9%; top: 20%; width: 76%;} #firstPage .fivePos_tour .rounded-middle-forum{padding-top:156px} #firstPage .fivePos_tour .iconeActive{ left: 3%; top: 53%;} #firstPage .fivePos_tour .rounded-middle-forum{ padding-top:136px;} .secPageBg { display:none; position:relative; width: 100%;} #secPage .iconeCont a.one{ left: 18px; top: 53.4%;} #secPage .iconeCont a.two{ left: 1.2%; top: 75%;} #iconeCont2 a.three{ left: 0.5%; top: 6%;} #secPage .onePos_tour .lightBlueBox{ left: 8%; top: 18%; width: 76%; background:rgba(35, 107, 123, 0.85)} #secPage .onePos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 85%;} #secPage .onePos_tour .iconeActive{left: 3%; top:45%;} #secPage .onePos_tour .rounded-middle-forum{ padding-top:120px;} #secPage .twoPos_tour .rounded-middle-forum{ padding-top:128px;} #secPage .twoPos_tour .imgBorder{ border:10px solid #fff;} #secPage .twoPos_tour .lightBlueBox{ left: 8%; top: 23.3%; width: 76%;} #secPage .twoPos_tour .lightBlueBox.paymentBox{ left: 63%; top: 8.3%; width: 24%;} #secPage .twoPos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 85%;} #secPage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #secPage .twoPos_tour .iconeActive{ left: 3%; top: 53%;} #secPage .twoPos_tour .imgBorder{ margin-left:0%;} #threePage .iconeCont a.one{left: 0.5%; top: 44%;} #threePage .iconeCont a.two{left:15px; top: 72%;} #threePage .onePos_tour .lightBlueBox{ left: 12%; top: 26%; width:74%; background:rgba(35, 107, 123, 0.85)} #threePage .onePos_tour .lightBlueBox .whiteAro{ left: 12%; position: absolute; top: 80%;} #threePage .onePos_tour .iconeActive{ left: 3%;top: 68%;} #threePage .onePos_tour .rounded-middle-forum{ padding-top:140px;} #threePage .twoPos_tour .rounded-middle-forum{ padding-top:139px;} #threePage .twoPos_tour .imgBorder{ border:10px solid #fff;} #threePage .twoPos_tour .lightBlueBox{ left: 7%; top: 32%; width: 71%;} #threePage .twoPos_tour .lightBlueBox .whiteAro{ left: 16.5%; position: absolute; top: 80%;} #threePage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #threePage .twoPos_tour .iconeActive{ left: 3%; top: 68%;} #threePage .twoPos_tour .imgBorder{ margin-left:0%;} #fourPage .iconeCont a.one{left: 0.5%; top: 34%;} #fourPage .iconeCont a.two{left: 0.8%; top: 43%;} #fourPage .iconeCont a.three{left: 0.5%; top:54%;} #fourPage .onePos_tour .rounded-middle-forum{ padding-top:106px;} #fourPage .onePos_tour .whiteAro { left: 13%; top: 80%;} #fourPage .onePos_tour .lightBlueBox{left:8%; top: 15%;} #fourPage .onePos_tour .iconeActive { left: 3%; top: 28%;} #fourPage .twoPos_tour .rounded-middle-forum{ padding: 126px 37px 25px;} #fourPage .twoPos_tour .lightBlueBox{left: 8%; top: 28%; width:76%} #fourPage .twoPos_tour .whiteAro { left: 30%; top: 85%;} #fourPage .twoPos_tour .iconeActive { left:5%; top: 57%;} #fourPage .threePos_tour .rounded-middle-forum{ padding-top:123px;} #fourPage .threePos_tour .whiteAro { left: 13%; top:80%; position:absolute;} #fourPage .threePos_tour .iconeActive { left: 3%; top: 36%;} #fourPage .threePos_tour .lightBlueBox { left: 13%; top: 17%; width:67%;} #fivePage .iconeCont a.one{ left: 53.5%; top: 14.8%;} #fivePage .iconeCont a.two{left: 89%; top: 14.8%;} #fivePage .iconeCont a.three{left: 0.5%; top:54%;} #fivePage .onePos_tour .rounded-middle-forum{ padding-top:110px;} #fivePage .onePos_tour .whiteAro { left: 30%; top: 85%; } #fivePage .onePos_tour .lightBlueBox{left: 1%; top: 18%; width: 76%;} #fivePage .onePos_tour .cardDetailsImg{ margin-left:28%;} #fivePage .onePos_tour .iconeActive { left:3%; top: 32%;} #fivePage .twoPos_tour .rounded-middle-forum{ padding-top:110px;} #fivePage .twoPos_tour .whiteAro { left: 30%; top: 85%; } #fivePage .twoPos_tour .lightBlueBox{ left: 4%; top: 16%; width: 76%;} #fivePage .twoPos_tour .iconeActive { left:3%; top: 45%;} #fivePage .twoPos_tour .cardDetailsImg{ margin-left:35%;} .lightBlueBox{font-size:10px; margin-left: auto; margin-right: auto;} .whiteAro{max-width:80px;} .iconeActive{max-width: 32px;} .imgBorder{margin-left: auto; margin-right: auto;} .cardDetailsImg{margin:0%;} #threePage .twoPos_tour .imgBorder{margin-left: auto; margin-right: auto;} #fivePage .onePos_tour .cardDetailsImg{margin:0%;} #fivePage .twoPos_tour .cardDetailsImg{margin:0%;} /* MENU CSS */ .new-menu{position: fixed; top:0; left: 0; z-index:1001; width: 100%; max-width:100%; background: linear-gradient(to right, rgb(0, 41, 100) 0%, rgb(0, 155, 188) 100%);} .menu-items{top:88px;} .new-menu .logo{float:left; max-width:48px;margin-top:20px; margin-bottom:20px;} .menu-button span{font-size:14px; display:block; margin-top:0; float:left;} .menu-button .glyphicon{font-size:12px; display:block; margin-top:3px;; float:left;} .header-title{margin-top:27px; float:left; font-weight:bold; margin-left:10px;} .header-title h3{font-size:15px; display: block; width:130px;} .return-button{width:80px; height:auto; outline: none; margin-top:20px; float:right; padding:5px;color:#fff; font-size:12px; border-width: 1px;border-style: solid; border-color: rgb(33, 201, 233); border-radius: 3px; background: #00b4d6; /* Old browsers */background: -moz-linear-gradient(top, #00b4d6 0%, #00a2c2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #00b4d6 0%,#00a2c2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #00b4d6 0%,#00a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4d6', endColorstr='#00a2c2',GradientType=0 ); /* IE6-9 */text-shadow: 0px 0px 2px #000;} .return-button:hover{color:#53ddf8; background: #00a2c2; /* Old browsers */ background: -moz-linear-gradient(top, #00a2c2 0%, #00b4d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00a2c2 0%,#00b4d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00a2c2 0%,#00b4d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2c2', endColorstr='#00b4d6',GradientType=0 ); /* IE6-9 */ } .menu-button, .menu-button:visited{float:left; color: #fff;background: none;border: none;outline: none;height:50px;margin-left:40px;margin-top: 25px;padding: 10px;} .menu-items{display: none; position: fixed;list-style:none; top:85px; background-color:#fff; width:100%; z-index:1000; left:0; border-bottom:6px solid #009abb; box-shadow:10px 0px 5px #000;} .menu-item{ display: inline-block; max-width:150px; border-right:1px solid #009abb; margin-top:20px; margin-bottom:20px; height:120px; float:left;} .item-title{font-size: 12px; color:#009abb; text-align: center; margin-top:5px; font-weight: bold;} .item-img{width:100%; max-width:100%; height:64px; border: 2px solid #009abb;} .activebtn{background-color:#fff; border-top-left-radius: 5px; border-top-right-radius: 5px; height:63px;} .activebtn span{color:#009abb;} /* WELCOME CONTAINER */ .welcomeCont{ position: absolute;z-index:999; color: #fff; font-size: 14px;} .welcomeCont h1 { font-size: 30px; font-weight: normal; line-height: 38px; margin-top: 0px; text-shadow: 0 0 3px #000;} .welcomeCont h1 strong { display: block; font-family:arial; font-size:30px;} .welcomeCont p { font-family: arial,arial; font-size: 16px; margin: 20px 0 0; text-shadow: 0 0 3px #000;} .welcomeCont p.padTopNone { margin-top: 10px;} a.roundBtn{width: 80%; max-width: 180px; margin-top:10px;text-align: center; box-shadow: 0 0 2px #000; font-family: arial; font-size:14px; text-transform: uppercase; border:0px solid #053379; -moz-border-radius: 5px; border-radius:5px; color:#fff; background:#009bba; padding:10px; display: inline-block;} .roundBtn.expBtn{background:#006794;} a.roundBtn:hover, a.roundBtn:focus{ background: #002663;} .marLeftBtn{ margin-right:11.7%; } .overlay{background:url(../images/contBg.png) 0 0 repeat; position:absolute; top:0px; width:100%; z-index:99; height:680px; ;} } /*//////////////////////////////////////////////////////////////////////////////////////////////////// 650 px ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width:650px) { .wrap{ border-color:#000;} /* ICONS */ #firstPage a.one {left: 1%; top: 13%;} #firstPage a.two { left: 72%; top: 43%;} #firstPage a.three{left: 47%; top: 40%;} #firstPage a.four, #iconeCont1 a.fore{ left: 0.9%; top: 70%;} #firstPage a.five{ left: 42.5%; top: 68%;} #firstPage a.six{left: 25%; top: 44%;} /* NAVIGATION CONTAINERS */ #firstPage .onePos_tour .popupRigLeftBtn {left:35.5%;} #firstPage .twoPos_tour .popupRigLeftBtn{left: 35.5%;} #firstPage .threePos_tour .popupRigLeftBtn{left: 35.5%;} #firstPage .fourPos_tour .popupRigLeftBtn{left: 35.5%;} #firstPage .fivePos_tour .popupRigLeftBtn{left: 35.5%;} #secPage .onePos_tour .popupRigLeftBtn{left: 35.5%;} #secPage .twoPos_tour .popupRigLeftBtn { left: 35.5%;} #threePage .onePos_tour .popupRigLeftBtn { left: 35.5%;} #threePage .twoPos_tour .popupRigLeftBtn { left: 35.5%;} #fourPage .onePos_tour .popupRigLeftBtn { left: 35.5%;} #fourPage .twoPos_tour .popupRigLeftBtn { left: 35.5%;} #fourPage .threePos_tour .popupRigLeftBtn { left: 35.5%;} #fivePage .onePos_tour .popupRigLeftBtn { left: 35.5%;} #fivePage .twoPos_tour .popupRigLeftBtn {left: 35.5%;} /* BOX AND ARROWS CONTAINERS */ #firstPage .rounded-middle-forum{padding-top:180px;} #firstPage .onePos_tour .whiteAro{left:40px;} #firstPage .onePos_tour .lightBlueBox { left: 3%; top: 14%; width: 80%;} #firstPage .onePos_tour .whiteAro { left: 30%; position: absolute; top: 85%;} #firstPage .onePos_tour .iconeActive { left: 4%; top: 28%;} #firstPage .twoPos_tour .lightBlueBox { left: 5%; top: 18%; width: 59%;} #firstPage .twoPos_tour .imgBorder { margin-left: 136px;} #firstPage .twoPos_tour .rounded-middle-forum{ padding-top:125px;} #firstPage .twoPos_tour .iconeActive { left: 23%; top: 40.5%;} #firstPage .threePos_tour .whiteAro {left: 0%; position: absolute; top: 80%;} #firstPage .threePos_tour .lightBlueBox {left: 38%; top: 17%;width: 50%;} #firstPage .threePos_tour .rounded-middle-forum{padding-top:140px} #firstPage .threePos_tour .iconeActive{ left: 23%; top: 44%;} #firstPage .fourPos_tour .whiteAro { left: 0%; position: absolute; top: 85%;} #firstPage .fourPos_tour .lightBlueBox { left: 34%; top: 19%; width: 56%;} #firstPage .fourPos_tour .rounded-middle-forum{padding-top:140px} #firstPage .fourPos_tour .iconeActive{ left: 1%; top: 47%;} #firstPage .fourPos_tour .rounded-middle-forum{ padding-top:162px;} #firstPage .fivePos_tour .whiteAro { left: 30%; position: absolute; top: 85%;} #firstPage .fivePos_tour .lightBlueBox { left: 9%; top: 20%; width: 76%;} #firstPage .fivePos_tour .rounded-middle-forum{padding-top:156px} #firstPage .fivePos_tour .iconeActive{ left: 1%; top: 46%;} #firstPage .fivePos_tour .rounded-middle-forum{ padding-top:148px;} .secPageBg { display:none; position:relative; width: 100%;} #secPage .iconeCont a.one{ left: 18px; top: 53.4%;} #secPage .iconeCont a.two{ left: 1.2%; top: 75%;} #iconeCont2 a.three{ left: 0.5%; top: 6%;} #secPage .onePos_tour .lightBlueBox{ left: 8%; top: 18%; width: 76%; background:rgba(35, 107, 123, 0.85)} #secPage .onePos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 85%;} #secPage .onePos_tour .iconeActive{left: 1%; top:38%;} #secPage .onePos_tour .rounded-middle-forum{ padding-top:135px;} #secPage .twoPos_tour .rounded-middle-forum{ padding-top:140px;} #secPage .twoPos_tour .imgBorder{ border:10px solid #fff;} #secPage .twoPos_tour .lightBlueBox{ left: 8%; top: 23.3%; width: 76%;} #secPage .twoPos_tour .lightBlueBox.paymentBox{ left: 63%; top: 8.3%; width: 24%;} #secPage .twoPos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 85%;} #secPage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #secPage .twoPos_tour .iconeActive{ left: 1%; top: 48%;} #secPage .twoPos_tour .imgBorder{ margin-left:0%;} #threePage .iconeCont a.one{left: 0.5%; top: 44%;} #threePage .iconeCont a.two{left:15px; top: 72%;} #threePage .onePos_tour .lightBlueBox{ left: 12%; top: 25%; width:74%; background:rgba(35, 107, 123, 0.85)} #threePage .onePos_tour .lightBlueBox .whiteAro{ left: 12%; position: absolute; top: 80%;} #threePage .onePos_tour .iconeActive{ left: 1%;top: 61%;} #threePage .onePos_tour .rounded-middle-forum{ padding-top:140px;} #threePage .twoPos_tour .rounded-middle-forum{ padding-top:139px;} #threePage .twoPos_tour .imgBorder{ border:10px solid #fff;} #threePage .twoPos_tour .lightBlueBox{ left: 7%; top: 32%; width: 71%;} #threePage .twoPos_tour .lightBlueBox .whiteAro{ left: 16.5%; position: absolute; top: 80%;} #threePage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #threePage .twoPos_tour .iconeActive{ left: 7%; top: 62%;} #threePage .twoPos_tour .imgBorder{ margin-left:0%;} #fourPage .iconeCont a.one{left: 0.5%; top: 34%;} #fourPage .iconeCont a.two{left: 0.8%; top: 43%;} #fourPage .iconeCont a.three{left: 0.5%; top:54%;} #fourPage .onePos_tour .rounded-middle-forum{ padding-top:146px;} #fourPage .onePos_tour .whiteAro { left: 13%; top: 80%;} #fourPage .onePos_tour .lightBlueBox{left: 20%; top: 15%;} #fourPage .onePos_tour .iconeActive { left: 8%; top: 29%;} #fourPage .twoPos_tour .rounded-middle-forum{ padding: 150px 37px 25px;} #fourPage .twoPos_tour .lightBlueBox{left: 8%; top: 28%; width:76%} #fourPage .twoPos_tour .whiteAro { left: 30%; top: 85%;} #fourPage .twoPos_tour .iconeActive { left:2%; top: 54%;} #fourPage .threePos_tour .rounded-middle-forum{ padding-top:153px;} #fourPage .threePos_tour .whiteAro { left: 13%; top:80%; position:absolute;} #fourPage .threePos_tour .iconeActive { left: 1%; top: 33%;} #fourPage .threePos_tour .lightBlueBox { left: 13%; top: 18%; width:67%;} #fivePage .iconeCont a.one{ left: 53.5%; top: 14.8%;} #fivePage .iconeCont a.two{left: 89%; top: 14.8%;} #fivePage .iconeCont a.three{left: 0.5%; top:54%;} #fivePage .onePos_tour .rounded-middle-forum{ padding-top:150px;} #fivePage .onePos_tour .whiteAro { left: 30%; top: 85%; } #fivePage .onePos_tour .lightBlueBox{left: 1%; top: 18%; width: 76%;} #fivePage .onePos_tour .cardDetailsImg{ margin-left:28%;} #fivePage .onePos_tour .iconeActive { left:3%; top: 32%;} #fivePage .twoPos_tour .rounded-middle-forum{ padding-top:150px;} #fivePage .twoPos_tour .whiteAro { left: 30%; top: 85%; } #fivePage .twoPos_tour .lightBlueBox{ left: 4%; top: 21%; width: 76%;} #fivePage .twoPos_tour .iconeActive { left:2%; top: 38%;} #fivePage .twoPos_tour .cardDetailsImg{ margin-left:35%;} .lightBlueBox{font-size:14px; margin-left: auto; margin-right: auto;} .whiteAro{max-width:80px;} .iconeActive{max-width: 48px;} .imgBorder{margin-left: auto; margin-right: auto;} .cardDetailsImg{margin:0%;} #threePage .twoPos_tour .imgBorder{margin-left: auto; margin-right: auto;} #fivePage .onePos_tour .cardDetailsImg{margin:0%;} #fivePage .twoPos_tour .cardDetailsImg{margin:0%;} #firstPage .twoPos_tour .imgBorder{margin-left: auto; margin-right: auto;} /* MENU CSS */ .new-menu{position: fixed; top:0; left: 0; z-index:1001; width: 100%; max-width:100%; background: linear-gradient(to right, rgb(0, 41, 100) 0%, rgb(0, 155, 188) 100%);} .menu-items{top:88px;} .new-menu .logo{float:left; max-width:48px;margin-top:20px; margin-bottom:20px;} .menu-button span{font-size:14px; display:block; margin-top:0; float:left;} .menu-button .glyphicon{font-size:12px; display:block; margin-top:3px;; float:left;} .header-title{margin-top:35px; float:left; font-weight:bold; margin-left:10px;} .header-title h3{font-size:16px; display: block; width:280px;} .return-button{width:80px; height:auto; outline: none; margin-top:20px; float:right; padding:5px;color:#fff; font-size:12px; border-width: 1px;border-style: solid; border-color: rgb(33, 201, 233); border-radius: 3px; background: #00b4d6; /* Old browsers */background: -moz-linear-gradient(top, #00b4d6 0%, #00a2c2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #00b4d6 0%,#00a2c2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #00b4d6 0%,#00a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4d6', endColorstr='#00a2c2',GradientType=0 ); /* IE6-9 */text-shadow: 0px 0px 2px #000;} .return-button:hover{color:#53ddf8; background: #00a2c2; /* Old browsers */ background: -moz-linear-gradient(top, #00a2c2 0%, #00b4d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00a2c2 0%,#00b4d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00a2c2 0%,#00b4d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2c2', endColorstr='#00b4d6',GradientType=0 ); /* IE6-9 */ } .menu-button, .menu-button:visited{float:left; color: #fff;background: none;border: none;outline: none;height:50px;margin-left:20px;margin-top: 25px;padding: 10px;} .menu-items{display: none; position: fixed;list-style:none; top:85px; background-color:#fff; width:100%; z-index:1000; left:0; border-bottom:6px solid #009abb; box-shadow:10px 0px 5px #000;} .menu-item{ display: inline-block; max-width:150px; border-right:1px solid #009abb; margin-top:20px; margin-bottom:20px; height:120px; float:left;} .item-title{font-size: 12px; color:#009abb; text-align: center; margin-top:5px; font-weight: bold;} .item-img{width:100%; max-width:100%; height:64px; border: 2px solid #009abb;} .activebtn{background-color:#fff; border-top-left-radius: 5px; border-top-right-radius: 5px; height:63px;} .activebtn span{color:#009abb;} /* WELCOME CONTAINER */ .welcomeCont{ position: absolute;z-index:999; color: #fff; font-size: 14px;} .welcomeCont h1 { font-size: 34px; font-weight: normal; line-height: 42px; margin-top: 40px; text-shadow: 0 0 3px #000;} .welcomeCont h1 strong { display: block; font-family:arial; font-size:34px;} .welcomeCont p { font-family: arial,arial; font-size: 18px; margin: 20px 0 0; text-shadow: 0 0 3px #000;} .welcomeCont p.padTopNone { margin-top: 10px;} a.roundBtn{width: 80%; max-width: 220px; margin-top:10px;text-align: center; box-shadow: 0 0 2px #000; font-family: arial; font-size:18px; text-transform: uppercase; border:0px solid #053379; -moz-border-radius: 5px; border-radius:5px; color:#fff; background:#009bba; padding:10px; display: inline-block;} .roundBtn.expBtn{background:#006794;} a.roundBtn:hover, a.roundBtn:focus{ background: #002663;} .marLeftBtn{ margin-right:11.7%; } .overlay{background:url(../images/contBg.png) 0 0 repeat; position:absolute; top:0px; width:100%; z-index:99; height:850px; ;} } /*//////////////////////////////////////////////////////////////////////////////////////////////////// 768 px ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width:768px) { .wrap{ border-color:#000;} /* ICONS */ #firstPage a.one {left: 1%; top: 13%;} #firstPage a.two { left: 72%; top: 43%;} #firstPage a.three{left: 47%; top: 40%;} #firstPage a.four, #iconeCont1 a.fore{ left: 0.9%; top: 70%;} #firstPage a.five{ left: 42.5%; top: 68%;} #firstPage a.six{left: 27%; top: 44%;} /* NAVIGATION CONTAINERS */ #firstPage .onePos_tour .popupRigLeftBtn {left:38%;} #firstPage .twoPos_tour .popupRigLeftBtn{left: 38%;} #firstPage .threePos_tour .popupRigLeftBtn{left: 38%;} #firstPage .fourPos_tour .popupRigLeftBtn{left: 38%;} #firstPage .fivePos_tour .popupRigLeftBtn{left: 38%;} #secPage .onePos_tour .popupRigLeftBtn{left: 38%;} #secPage .twoPos_tour .popupRigLeftBtn { left: 38%;} #threePage .onePos_tour .popupRigLeftBtn { left: 38%;} #threePage .twoPos_tour .popupRigLeftBtn { left: 38%;} #fourPage .onePos_tour .popupRigLeftBtn { left: 38%;} #fourPage .twoPos_tour .popupRigLeftBtn { left: 38%;} #fourPage .threePos_tour .popupRigLeftBtn { left: 38%;} #fivePage .onePos_tour .popupRigLeftBtn { left: 38%;} #fivePage .twoPos_tour .popupRigLeftBtn {left: 38%;} /* BOX AND ARROWS CONTAINERS */ #firstPage .rounded-middle-forum{padding-top:160px;} #firstPage .onePos_tour .whiteAro{left:40px;} #firstPage .onePos_tour .lightBlueBox { left: 3%; top: 14%; width: 80%;} #firstPage .onePos_tour .whiteAro { left: 30%; position: absolute; top: 85%;} #firstPage .onePos_tour .iconeActive { left: 10%; top: 26%;} #firstPage .twoPos_tour .lightBlueBox { left: 5%; top: 21%; width: 59%;} #firstPage .twoPos_tour .imgBorder { margin-left: 136px;} #firstPage .twoPos_tour .rounded-middle-forum{ padding-top:125px;} #firstPage .twoPos_tour .iconeActive { left: 27%; top: 40.5%;} #firstPage .threePos_tour .whiteAro {left: 0%; position: absolute; top: 80%;} #firstPage .threePos_tour .lightBlueBox {left: 38%; top: 21%;width: 50%;} #firstPage .threePos_tour .rounded-middle-forum{padding-top:140px} #firstPage .threePos_tour .iconeActive{ left: 27%; top: 44%;} #firstPage .fourPos_tour .whiteAro { left: 0%; position: absolute; top: 85%;} #firstPage .fourPos_tour .lightBlueBox { left: 34%; top: 19%; width: 56%;} #firstPage .fourPos_tour .rounded-middle-forum{padding-top:140px} #firstPage .fourPos_tour .iconeActive{ left: 1%; top: 47%;} #firstPage .fourPos_tour .rounded-middle-forum{ padding-top:162px;} #firstPage .fivePos_tour .whiteAro { left: 30%; position: absolute; top: 85%;} #firstPage .fivePos_tour .lightBlueBox { left: 9%; top: 20%; width: 76%;} #firstPage .fivePos_tour .rounded-middle-forum{padding-top:156px} #firstPage .fivePos_tour .iconeActive{ left: 1%; top: 46%;} #firstPage .fivePos_tour .rounded-middle-forum{ padding-top:148px;} .secPageBg { display:none; position:relative; width: 100%;} #secPage .iconeCont a.one{ left: 18px; top: 53.4%;} #secPage .iconeCont a.two{ left: 1.2%; top: 75%;} #iconeCont2 a.three{ left: 0.5%; top: 6%;} #secPage .onePos_tour .lightBlueBox{ left: 8%; top: 18%; width: 76%; background:rgba(35, 107, 123, 0.85)} #secPage .onePos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 85%;} #secPage .onePos_tour .iconeActive{left: 1%; top:38%;} #secPage .onePos_tour .rounded-middle-forum{ padding-top:135px;} #secPage .twoPos_tour .rounded-middle-forum{ padding-top:140px;} #secPage .twoPos_tour .imgBorder{ border:10px solid #fff;} #secPage .twoPos_tour .lightBlueBox{ left: 8%; top: 23.3%; width: 76%;} #secPage .twoPos_tour .lightBlueBox.paymentBox{ left: 63%; top: 8.3%; width: 24%;} #secPage .twoPos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 85%;} #secPage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #secPage .twoPos_tour .iconeActive{ left: 1%; top: 48%;} #secPage .twoPos_tour .imgBorder{ margin-left:0%;} #threePage .iconeCont a.one{left: 0.5%; top: 44%;} #threePage .iconeCont a.two{left:15px; top: 72%;} #threePage .onePos_tour .lightBlueBox{ left: 12%; top: 25%; width:74%; background:rgba(35, 107, 123, 0.85)} #threePage .onePos_tour .lightBlueBox .whiteAro{ left: 12%; position: absolute; top: 80%;} #threePage .onePos_tour .iconeActive{ left: 1%;top: 61%;} #threePage .onePos_tour .rounded-middle-forum{ padding-top:140px;} #threePage .twoPos_tour .rounded-middle-forum{ padding-top:139px;} #threePage .twoPos_tour .imgBorder{ border:10px solid #fff;} #threePage .twoPos_tour .lightBlueBox{ left: 7%; top: 37%; width: 71%;} #threePage .twoPos_tour .lightBlueBox .whiteAro{ left: 30%; position: absolute; top: 80%;} #threePage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #threePage .twoPos_tour .iconeActive{ left: 13%; top: 62%;} #threePage .twoPos_tour .imgBorder{ margin-left:0%;} #fourPage .iconeCont a.one{left: 0.5%; top: 34%;} #fourPage .iconeCont a.two{left: 0.8%; top: 43%;} #fourPage .iconeCont a.three{left: 0.5%; top:54%;} #fourPage .onePos_tour .rounded-middle-forum{ padding-top:146px;} #fourPage .onePos_tour .whiteAro { left: 13%; top: 80%;} #fourPage .onePos_tour .lightBlueBox{left: 30%; top: 15%;} #fourPage .onePos_tour .iconeActive { left: 14%; top: 29%;} #fourPage .twoPos_tour .rounded-middle-forum{ padding: 150px 37px 25px;} #fourPage .twoPos_tour .lightBlueBox{left: 8%; top: 28%; width:76%} #fourPage .twoPos_tour .whiteAro { left: 30%; top: 85%;} #fourPage .twoPos_tour .iconeActive { left:2%; top: 54%;} #fourPage .threePos_tour .rounded-middle-forum{ padding-top:153px;} #fourPage .threePos_tour .whiteAro { left: 13%; top:80%; position:absolute;} #fourPage .threePos_tour .iconeActive { left: 3%; top: 30%;} #fourPage .threePos_tour .lightBlueBox { left: 13%; top: 19%; width:67%;} #fivePage .iconeCont a.one{ left: 53.5%; top: 14.8%;} #fivePage .iconeCont a.two{left: 89%; top: 14.8%;} #fivePage .iconeCont a.three{left: 0.5%; top:54%;} #fivePage .onePos_tour .rounded-middle-forum{ padding-top:150px;} #fivePage .onePos_tour .whiteAro { left: 30%; top: 85%; } #fivePage .onePos_tour .lightBlueBox{left: 1%; top: 21%; width: 76%;} #fivePage .onePos_tour .cardDetailsImg{ margin-left:28%;} #fivePage .onePos_tour .iconeActive { left:11%; top: 32%;} #fivePage .twoPos_tour .rounded-middle-forum{ padding-top:150px;} #fivePage .twoPos_tour .whiteAro { left: 30%; top: 85%; } #fivePage .twoPos_tour .lightBlueBox{ left: 4%; top: 26%; width: 76%;} #fivePage .twoPos_tour .iconeActive { left:8%; top: 35%;} #fivePage .twoPos_tour .cardDetailsImg{ margin-left:35%;} .lightBlueBox{font-size:14px; margin-left: auto; margin-right: auto;} .whiteAro{max-width:80px;} .iconeActive{max-width: 48px;} .imgBorder{margin-left: auto; margin-right: auto;} .cardDetailsImg{margin:0%;} #threePage .twoPos_tour .imgBorder{margin-left: auto; margin-right: auto;} #fivePage .onePos_tour .cardDetailsImg{margin:0%;} #fivePage .twoPos_tour .cardDetailsImg{margin:0%;} #firstPage .twoPos_tour .imgBorder{margin-left: auto; margin-right: auto;} /* MENU CSS */ .new-menu{position: fixed; top:0; left: 0; z-index:1001; width: 100%; max-width:100%; background: linear-gradient(to right, rgb(0, 41, 100) 0%, rgb(0, 155, 188) 100%);} .menu-items{top:88px;} .new-menu .logo{float:left; max-width:48px;margin-top:20px; margin-bottom:20px;} .menu-button span{font-size:14px; display:block; margin-top:0; float:left;} .menu-button .glyphicon{font-size:12px; display:block; margin-top:3px;; float:left;} .header-title{margin-top:35px; float:left; font-weight:bold; margin-left:10px;} .header-title h3{font-size:16px; display: block; width:280px;} .return-button{width:80px; height:auto; outline: none; margin-top:20px; float:right; padding:5px;color:#fff; font-size:12px; border-width: 1px;border-style: solid; border-color: rgb(33, 201, 233); border-radius: 3px; background: #00b4d6; /* Old browsers */background: -moz-linear-gradient(top, #00b4d6 0%, #00a2c2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #00b4d6 0%,#00a2c2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #00b4d6 0%,#00a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4d6', endColorstr='#00a2c2',GradientType=0 ); /* IE6-9 */text-shadow: 0px 0px 2px #000;} .return-button:hover{color:#53ddf8; background: #00a2c2; /* Old browsers */ background: -moz-linear-gradient(top, #00a2c2 0%, #00b4d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00a2c2 0%,#00b4d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00a2c2 0%,#00b4d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2c2', endColorstr='#00b4d6',GradientType=0 ); /* IE6-9 */ } .menu-button, .menu-button:visited{float:left; color: #fff;background: none;border: none;outline: none;height:50px;margin-left:50px;margin-top: 25px;padding: 10px;} .menu-items{display: none; position: fixed;list-style:none; top:85px; background-color:#fff; width:100%; z-index:1000; left:0; border-bottom:6px solid #009abb; box-shadow:10px 0px 5px #000;} .menu-item{ display: inline-block; max-width:120px; border-right:1px solid #009abb; margin-top:20px; margin-bottom:20px; height:120px; float:left;} .item-title{font-size: 12px; color:#009abb; text-align: center; margin-top:5px; font-weight: bold;} .item-img{width:100%; max-width:100%; height:38px; border: 2px solid #009abb;} .activebtn{background-color:#fff; border-top-left-radius: 5px; border-top-right-radius: 5px; height:63px;} .activebtn span{color:#009abb;} /* WELCOME CONTAINER */ .welcomeCont{ position: absolute;z-index:999; color: #fff; font-size: 14px;} .welcomeCont h1 { font-size: 42px; font-weight: normal; line-height: 53px; margin-top: 40px; text-shadow: 0 0 3px #000;} .welcomeCont h1 strong { display: block; font-family:arial; font-size:42px;} .welcomeCont p { font-family: arial,arial; font-size: 18px; margin: 20px 0 0; text-shadow: 0 0 3px #000;} .welcomeCont p.padTopNone { margin-top: 10px;} a.roundBtn{width: 80%; max-width: 240px; margin-top:10px;text-align: center; box-shadow: 0 0 2px #000; font-family: arial; font-size:18px; text-transform: uppercase; border:0px solid #053379; -moz-border-radius: 5px; border-radius:5px; color:#fff; background:#009bba; padding:10px; display: inline-block;} .roundBtn.expBtn{background:#006794;} a.roundBtn:hover, a.roundBtn:focus{ background: #002663;} .marLeftBtn{ margin-right:11.7%; } .overlay{background:url(../images/contBg.png) 0 0 repeat; position:absolute; top:0px; width:100%; z-index:99; height:1000px; ;} } /*//////////////////////////////////////////////////////////////////////////////////////////////////// 960 px ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width:960px) { .wrap{ border-color:#ff0;} /* ICONS */ #firstPage a.one {left: 1%; top: 13%;} #firstPage a.two { left: 72%; top: 43%;} #firstPage a.three{left: 47%; top: 40%;} #firstPage a.four, #iconeCont1 a.fore{ left: 0.9%; top: 70%;} #firstPage a.five{ left: 42.5%; top: 68%;} #firstPage a.six{left: 28%; top: 44%;} /* TOUR CONTAINERS */ #firstPage .onePos_tour { left: 0.7%; top: 6.2%; width: 58%;} #firstPage .twoPos_tour {left: 48%; top: 19.6%; width:50%;} #firstPage .threePos_tour{left: 43.9%; top:14%;width:52%;} #firstPage .fourPos_tour{ left: 0.8%; top: 38.1%;} #firstPage .fivePos_tour{ left: 0.8%; top: 35.1%;} #secPage .onePos_tour{left: 0.75%; top: 19.2%;} #secPage .twoPos_tour{left: 0.7%; top: 41%;} #threePage .onePos_tour{ left: 0.75%; top: 20.1%; width: 80%;} #threePage .twoPos_tour{left: 1.4%; top: 47.8%;} #fourPage .onePos_tour{ left: 2%; top: 3.3%; width:50%;} #fourPage .twoPos_tour{ left: 0.3%; top: 15%; width:80%;} #fourPage .threePos_tour{ left: 0.7%; top:27.3%; width:78%;} #fivePage .onePos_tour{left: 9.7%; top: 1.3%; width:88%;} #fivePage .twoPos_tour{left:21.5%; top: 1.3%; width:76%;} /* NAVIGATION CONTAINERS */ #firstPage .onePos_tour .popupRigLeftBtn {left:35%;} #firstPage .twoPos_tour .popupRigLeftBtn{left: 32.6%;} #firstPage .threePos_tour .popupRigLeftBtn{left: 33.3%;} #firstPage .fourPos_tour .popupRigLeftBtn{left: 40.3%;} #firstPage .fivePos_tour .popupRigLeftBtn{left: 40.3%;} #secPage .onePos_tour .popupRigLeftBtn{left: 40.3%;} #secPage .twoPos_tour .popupRigLeftBtn { left: 40.3%;} #threePage .onePos_tour .popupRigLeftBtn { left: 39.1%;} #threePage .twoPos_tour .popupRigLeftBtn { left: 40.3%;} #fourPage .onePos_tour .popupRigLeftBtn { left: 32.6%;} #fourPage .twoPos_tour .popupRigLeftBtn { left: 39%;} #fourPage .threePos_tour .popupRigLeftBtn { left: 38.7%;} #fivePage .onePos_tour .popupRigLeftBtn { left: 40%;} #fivePage .twoPos_tour .popupRigLeftBtn {left: 38.5%;} #firstPage .onePos_tour .lightBlueBox { left: 10%; top: 12%; width: 80%;} #firstPage .onePos_tour .whiteAro { left: 30%; position: absolute; top: 78%;} #firstPage .onePos_tour .iconeActive { left: 3%; top: 26%;} #firstPage .twoPos_tour .lightBlueBox { left: 5%; top: 25%; width: 59%;} #firstPage .twoPos_tour .imgBorder { margin-left: 136px;} #firstPage .twoPos_tour .rounded-middle-forum{ padding-top:166px;} #firstPage .twoPos_tour .iconeActive { left: 27.6%; top: 45%;} #firstPage .threePos_tour .whiteAro {left: -32%; position: absolute; top: 68%;} #firstPage .threePos_tour .lightBlueBox {left: 49%; top: 20%;width: 40%;} #firstPage .threePos_tour .rounded-middle-forum{padding-top:160px} #firstPage .threePos_tour .iconeActive{ left: 19%; top: 45%;} #firstPage .fourPos_tour .whiteAro { left: -15%; position: absolute; top: 56%;} #firstPage .fourPos_tour .lightBlueBox { left: 34%; top: 19%; width: 56%;} #firstPage .fourPos_tour .rounded-middle-forum{padding-top:140px} #firstPage .fourPos_tour .iconeActive{ left: 0; top: 36%;} #firstPage .fourPos_tour .rounded-middle-forum{ padding-top:132px;} #firstPage .fivePos_tour .whiteAro { left: -20%; position: absolute; top: 70%;} #firstPage .fivePos_tour .lightBlueBox { left: 50%; top: 20%; width: 38%;} #firstPage .fivePos_tour .rounded-middle-forum{padding-top:156px} #firstPage .fivePos_tour .iconeActive{ left: 0%; top: 42%;} #firstPage .fivePos_tour .rounded-middle-forum{ padding-top:166px;} .secPageBg { display:none; position:relative; width: 100%;} #secPage .iconeCont a.one{ left: 18px; top: 53.4%;} #secPage .iconeCont a.two{ left: 1.2%; top: 75%;} #iconeCont2 a.three{ left: 0.5%; top: 6%;} #secPage .onePos_tour .lightBlueBox{ left: 28.8%; top: 23%; width: 57%; background:rgba(35, 107, 123, 0.85)} #secPage .onePos_tour .lightBlueBox .whiteAro{ left: -14%; position: absolute; top: 50%;} #secPage .onePos_tour .iconeActive{left: 4%; top:35%;} #secPage .onePos_tour .rounded-middle-forum{ padding-top:154px;} #secPage .twoPos_tour .rounded-middle-forum{ padding-top:153px;} #secPage .twoPos_tour .imgBorder{ border:10px solid #fff;} #secPage .twoPos_tour .lightBlueBox{ left: 36%; top: 27%; width: 45%;} #secPage .twoPos_tour .lightBlueBox.paymentBox{ left: 63%; top: 8.3%; width: 24%;} #secPage .twoPos_tour .lightBlueBox .whiteAro{ left: -18%; position: absolute; top: 56%;} #secPage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #secPage .twoPos_tour .iconeActive{ left: 0; top: 43%;} #secPage .twoPos_tour .imgBorder{ margin-left:0%;} #threePage .iconeCont a.one{left: 0.5%; top: 44%;} #threePage .iconeCont a.two{left:15px; top: 72%;} #threePage .onePos_tour .lightBlueBox{ left: 5.8%; top: 33%; width:74%; background:rgba(35, 107, 123, 0.85)} #threePage .onePos_tour .lightBlueBox .whiteAro{ left: 12%; position: absolute; top: 80%;} #threePage .onePos_tour .iconeActive{ left: 2%;top: 60%;} #threePage .onePos_tour .rounded-middle-forum{ padding-top:154px;} #threePage .twoPos_tour .rounded-middle-forum{ padding-top:183px;} #threePage .twoPos_tour .imgBorder{ border:10px solid #fff;} #threePage .twoPos_tour .lightBlueBox{ left: 12%; top: 47%; width: 57%;} #threePage .twoPos_tour .lightBlueBox .whiteAro{ left: 16.5%; position: absolute; top: 80%;} #threePage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #threePage .twoPos_tour .iconeActive{ left: 0%; top: 67%;} #threePage .twoPos_tour .imgBorder{ margin-left:0%;} #fourPage .iconeCont a.one{left: 0.5%; top: 34%;} #fourPage .iconeCont a.two{left: 0.8%; top: 43%;} #fourPage .iconeCont a.three{left: 0.5%; top:54%;} #fourPage .onePos_tour .rounded-middle-forum{ padding-top:156px;} #fourPage .onePos_tour .whiteAro { left: 13%; top: 80%;} #fourPage .onePos_tour .lightBlueBox{left: 22%; top: 17%;} #fourPage .onePos_tour .iconeActive { left: 0%; top: 31%;} #fourPage .twoPos_tour .rounded-middle-forum{ padding: 166px 37px 25px;} #fourPage .twoPos_tour .lightBlueBox{left: 25%; top: 29%; width:59%} #fourPage .twoPos_tour .whiteAro { left: 13%; top: 80%;} #fourPage .twoPos_tour .iconeActive { left:2%; top: 52%;} #fourPage .threePos_tour .rounded-middle-forum{ padding-top:193px;} #fourPage .threePos_tour .whiteAro { left: 13%; top:80%; position:absolute;} #fourPage .threePos_tour .iconeActive { left: 0%; top: 36%;} #fourPage .threePos_tour .lightBlueBox { left: 13%; top: 22%; width:67%;} #fivePage .iconeCont a.one{ left: 53.5%; top: 14.8%;} #fivePage .iconeCont a.two{left: 89%; top: 14.8%;} #fivePage .iconeCont a.three{left: 0.5%; top:54%;} #fivePage .onePos_tour .rounded-middle-forum{ padding-top:120px;} #fivePage .onePos_tour .whiteAro { left: 97%; top: 80%; } #fivePage .onePos_tour .lightBlueBox{left: 1%; top: 14%; width: 48%;} #fivePage .onePos_tour .cardDetailsImg{ margin-left:28%;} #fivePage .onePos_tour .iconeActive { left:30%; top: 28%;} #fivePage .twoPos_tour .rounded-middle-forum{ padding-top:102px;} #fivePage .twoPos_tour .whiteAro { left: 97%; top: 59%} #fivePage .twoPos_tour .lightBlueBox{ left: 4%; top: 17%; width: 58%;} #fivePage .twoPos_tour .iconeActive { left: 32%; top: 32%;} #fivePage .twoPos_tour .cardDetailsImg{ margin-left:35%;} /* MENU CSS */ .new-menu{position: fixed; top:0; left: 0; z-index:1001; width: 100%; max-width:100%; background: linear-gradient(to right, rgb(0, 41, 100) 0%, rgb(0, 155, 188) 100%);} .new-menu .logo{float:left; max-width:64px;margin-top:20px; margin-bottom:20px;} .menu-button span{font-size:16px; display:block; margin-top:0; float:left;} .menu-button .glyphicon{font-size:12px; display:block; margin-top:3px;; float:left;} .header-title{margin-top:40px; float:left; font-size:18px; font-weight:bold; margin-left:10px;} .header-title h3{font-size:24px; display: block; width:400px;} .menu-items{top:105px;} .return-button{width:80px; height:auto; float:right; margin-top:10px; padding:10px;color:#fff; font-size:12px; border-width: 1px;border-style: solid; border-color: rgb(33, 201, 233); border-radius: 3px; background: #00b4d6; /* Old browsers */background: -moz-linear-gradient(top, #00b4d6 0%, #00a2c2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #00b4d6 0%,#00a2c2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #00b4d6 0%,#00a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4d6', endColorstr='#00a2c2',GradientType=0 ); /* IE6-9 */text-shadow: 0px 0px 2px #000;outline: none;margin-top:30px;} .return-button:hover{color:#53ddf8; background: #00a2c2; /* Old browsers */ background: -moz-linear-gradient(top, #00a2c2 0%, #00b4d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00a2c2 0%,#00b4d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00a2c2 0%,#00b4d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2c2', endColorstr='#00b4d6',GradientType=0 ); /* IE6-9 */ } .menu-button, .menu-button:visited{float:left;font-size:18px;color: #fff;background: none;border: none;outline: none;height:70px;margin-left:40px;margin-top: 35px;padding: 10px;} .menu-items{display: none; position: fixed;list-style:none; top:105px; background-color:#fff; width:100%; z-index:1000; left:0; border-bottom:6px solid #009abb; box-shadow:10px 0px 5px #000;} .menu-item{ display: inline-block; max-width:150px; border-right:1px solid #009abb; margin-top:20px; margin-bottom:20px; height:120px; float:left;} .item-title{font-size: 12px; color:#009abb; text-align: center; margin-top:5px; font-weight: bold;} .item-img{width:100%; max-width:100%; height:64px; border: 2px solid #009abb;} .activebtn{background-color:#fff; border-top-left-radius: 5px; border-top-right-radius: 5px;} .activebtn span{color:#009abb;} /* WELCOME CONTAINER */ .welcomeCont{ position: absolute;z-index:999; color: #fff; font-size: 14px;} .welcomeCont.container{width:960px;} .welcomeCont h1 { font-size: 42px; font-weight: normal; line-height: 53px; margin-top: 40px; text-shadow: 0 0 3px #000;} .welcomeCont h1 strong { display: block; font-family:arial; font-size:42px;} .welcomeCont p { font-family: arial,arial; font-size: 18px; margin: 20px 0 0; text-shadow: 0 0 3px #000;} .welcomeCont p.padTopNone { margin-top: 10px;} a.roundBtn{width: 80%; max-width: 240px; margin-top:10px;text-align: center; box-shadow: 0 0 2px #000; font-family: arial; font-size:18px; text-transform: uppercase; border:0px solid #053379; -moz-border-radius: 5px; border-radius:5px; color:#fff; background:#009bba; padding:10px; display: inline-block;} .roundBtn.expBtn{background:#006794;} a.roundBtn:hover, a.roundBtn:focus{ background: #002663;} .marLeftBtn{ margin-right:11.7%; } .overlay{background:url(../images/contBg.png) 0 0 repeat; position:absolute; top:0px; width:100%; z-index:99; height:1280px; ;} } /*//////////////////////////////////////////////////////////////////////////////////////////////////// 1100 px ///////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width:1100px) { .wrap{ border-color:#ff00ff} /* ICONS */ #firstPage a.one {left: 1%; top: 13%;} #firstPage a.two { left: 72%; top: 43%;} #firstPage a.three{left: 47%; top: 40%;} #firstPage a.four, #iconeCont1 a.fore{ left: 0.9%; top: 70%;} #firstPage a.five{ left: 42.5%; top: 68%;} #firstPage a.six{left: 28%; top: 43.9%;} /* TOUR CONTAINERS */ #firstPage .onePos_tour { left: 0.7%; top: 6.2%; width: 58%;} #firstPage .twoPos_tour {left: 48%; top: 19.6%; width:50%;} #firstPage .threePos_tour{left: 43.9%; top:14%;width:52%;} #firstPage .fourPos_tour{ left: 0.8%; top: 38.1%;} #firstPage .fivePos_tour{ left: 0.8%; top: 35.1%;} #secPage .onePos_tour{left: 0.75%; top: 19.2%;} #secPage .twoPos_tour{left: 0.7%; top: 41%;} #threePage .onePos_tour{ left: 0.75%; top: 20.1%; width: 80%;} #threePage .twoPos_tour{left: 1.4%; top: 47.8%;} #fourPage .onePos_tour{ left: 2%; top: 3.3%; width:50%;} #fourPage .twoPos_tour{ left: 0.3%; top: 15%; width:80%;} #fourPage .threePos_tour{ left: 0.7%; top:27.3%; width:78%;} #fivePage .onePos_tour{left: 9.7%; top: 1.3%; width:88%;} #fivePage .twoPos_tour{left:21.5%; top: 1.3%; width:76%;} /* NAVIGATION CONTAINERS */ #firstPage .onePos_tour .popupRigLeftBtn {left:35.5%;} #firstPage .twoPos_tour .popupRigLeftBtn{left: 33%;} #firstPage .threePos_tour .popupRigLeftBtn{left: 33.9%;} #firstPage .fourPos_tour .popupRigLeftBtn{left: 40.7%;} #firstPage .fivePos_tour .popupRigLeftBtn{left: 40.7%;} #secPage .onePos_tour .popupRigLeftBtn{left: 40.8%;} #secPage .twoPos_tour .popupRigLeftBtn { left: 40.8%;} #threePage .onePos_tour .popupRigLeftBtn { left: 39.6%;} #threePage .twoPos_tour .popupRigLeftBtn { left: 40.8%;} #fourPage .onePos_tour .popupRigLeftBtn { left: 33.3%;} #fourPage .twoPos_tour .popupRigLeftBtn { left: 39.6%;} #fourPage .threePos_tour .popupRigLeftBtn { left: 39.3%;} #fivePage .onePos_tour .popupRigLeftBtn { left: 40.5%;} #fivePage .twoPos_tour .popupRigLeftBtn {left: 39%;} #firstPage .onePos_tour .lightBlueBox { left: 10%; top: 12%; width: 80%;} #firstPage .onePos_tour .whiteAro { left: 30%; position: absolute; top: 78%;} #firstPage .onePos_tour .iconeActive { left: 3%; top: 26%;} #firstPage .twoPos_tour .lightBlueBox { left: 5%; top: 25%; width: 59%;} #firstPage .twoPos_tour .imgBorder { margin-left: 136px;} #firstPage .twoPos_tour .rounded-middle-forum{ padding-top:166px;} #firstPage .twoPos_tour .iconeActive { left: 27.6%; top: 45%;} #firstPage .threePos_tour .whiteAro {left: -32%; position: absolute; top: 60%;} #firstPage .threePos_tour .lightBlueBox {left: 49%; top: 18%;width: 40%;} #firstPage .threePos_tour .rounded-middle-forum{padding-top:140px} #firstPage .threePos_tour .iconeActive{ left: 20%; top: 42%;} #firstPage .fourPos_tour .whiteAro { left: -15%; position: absolute; top: 56%;} #firstPage .fourPos_tour .lightBlueBox { left: 34%; top: 19%; width: 56%;} #firstPage .fourPos_tour .rounded-middle-forum{padding-top:140px} #firstPage .fourPos_tour .iconeActive{ left: 0; top: 36%;} #firstPage .fourPos_tour .rounded-middle-forum{ padding-top:132px;} #firstPage .fivePos_tour .whiteAro { left: -20%; position: absolute; top: 70%;} #firstPage .fivePos_tour .lightBlueBox { left: 50%; top: 20%; width: 38%;} #firstPage .fivePos_tour .rounded-middle-forum{padding-top:156px} #firstPage .fivePos_tour .iconeActive{ left: 0%; top: 42%;} #firstPage .fivePos_tour .rounded-middle-forum{ padding-top:166px;} .secPageBg { display:none; position:relative; width: 100%;} #secPage .iconeCont a.one{ left: 18px; top: 53.4%;} #secPage .iconeCont a.two{ left: 1.2%; top: 75%;} #iconeCont2 a.three{ left: 0.5%; top: 6%;} #secPage .onePos_tour .lightBlueBox{ left: 28.8%; top: 23%; width: 57%; background:rgba(35, 107, 123, 0.85)} #secPage .onePos_tour .lightBlueBox .whiteAro{ left: -14%; position: absolute; top: 50%;} #secPage .onePos_tour .iconeActive{left: 6%; top:35%;} #secPage .onePos_tour .rounded-middle-forum{ padding-top:154px;} #secPage .twoPos_tour .rounded-middle-forum{ padding-top:153px;} #secPage .twoPos_tour .imgBorder{ border:10px solid #fff;} #secPage .twoPos_tour .lightBlueBox{ left: 36%; top: 30%; width: 45%;} #secPage .twoPos_tour .lightBlueBox.paymentBox{ left: 63%; top: 8.3%; width: 24%;} #secPage .twoPos_tour .lightBlueBox .whiteAro{ left: -18%; position: absolute; top: 45%;} #secPage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #secPage .twoPos_tour .iconeActive{ left: 0; top: 43%;} #secPage .twoPos_tour .imgBorder{ margin-left:0%;} #threePage .iconeCont a.one{left: 0.5%; top: 44%;} #threePage .iconeCont a.two{left:15px; top: 72%;} #threePage .onePos_tour .lightBlueBox{ left: 5.8%; top: 33%; width:74%; background:rgba(35, 107, 123, 0.85)} #threePage .onePos_tour .lightBlueBox .whiteAro{ left: 12%; position: absolute; top: 80%;} #threePage .onePos_tour .iconeActive{ left: 2%;top: 60%;} #threePage .onePos_tour .rounded-middle-forum{ padding-top:154px;} #threePage .twoPos_tour .rounded-middle-forum{ padding-top:183px;} #threePage .twoPos_tour .imgBorder{ border:10px solid #fff;} #threePage .twoPos_tour .lightBlueBox{ left: 12%; top: 47%; width: 57%;} #threePage .twoPos_tour .lightBlueBox .whiteAro{ left: 16.5%; position: absolute; top: 80%;} #threePage .twoPos_tour .lightBlueBox.paymentBox .whiteAro{left: 11%; position: absolute; top: 98%;} #threePage .twoPos_tour .iconeActive{ left: 0%; top: 67%;} #threePage .twoPos_tour .imgBorder{ margin-left:0%;} #fourPage .iconeCont a.one{left: 0.5%; top: 34%;} #fourPage .iconeCont a.two{left: 0.8%; top: 43%;} #fourPage .iconeCont a.three{left: 0.5%; top:54%;} #fourPage .onePos_tour .rounded-middle-forum{ padding-top:156px;} #fourPage .onePos_tour .whiteAro { left: 13%; top: 80%;} #fourPage .onePos_tour .lightBlueBox{left: 22%; top: 17%;} #fourPage .onePos_tour .iconeActive { left: 0%; top: 31%;} #fourPage .twoPos_tour .rounded-middle-forum{ padding: 166px 37px 25px;} #fourPage .twoPos_tour .lightBlueBox{left: 25%; top: 29%; width:59%} #fourPage .twoPos_tour .whiteAro { left: 13%; top: 80%;} #fourPage .twoPos_tour .iconeActive { left:4%; top: 52%;} #fourPage .threePos_tour .rounded-middle-forum{ padding-top:193px;} #fourPage .threePos_tour .whiteAro { left: 13%; top:80%; position:absolute;} #fourPage .threePos_tour .iconeActive { left: 2%; top: 36%;} #fourPage .threePos_tour .lightBlueBox { left: 13%; top: 22%; width:67%;} #fivePage .iconeCont a.one{ left: 53.5%; top: 14.8%;} #fivePage .iconeCont a.two{left: 89%; top: 14.8%;} #fivePage .iconeCont a.three{left: 0.5%; top:54%;} #fivePage .onePos_tour .rounded-middle-forum{ padding-top:120px;} #fivePage .onePos_tour .whiteAro { left: 97%; top: 80%; } #fivePage .onePos_tour .lightBlueBox{left: 1%; top: 14%; width: 48%;} #fivePage .onePos_tour .cardDetailsImg{ margin-left:28%;} #fivePage .onePos_tour .iconeActive { left:32%; top: 28%;} #fivePage .twoPos_tour .rounded-middle-forum{ padding-top:102px;} #fivePage .twoPos_tour .whiteAro { left: 97%; top: 59%} #fivePage .twoPos_tour .lightBlueBox{ left: 4%; top: 17%; width: 58%;} #fivePage .twoPos_tour .iconeActive { left: 32%; top: 32%;} #fivePage .twoPos_tour .cardDetailsImg{ margin-left:35%;} /* MENU CSS */ .new-menu{position: fixed; top:0; left: 0; z-index:1001; width: 100%; max-width:100%; background: linear-gradient(to right, rgb(0, 41, 100) 0%, rgb(0, 155, 188) 100%);} .new-menu .logo{float:left; max-width:64px;margin-top:25px; margin-bottom:20px;} .menu-button span{font-size:16px; display:block; margin-top:0; float:left;} .menu-button .glyphicon{font-size:12px; display:block; margin-top:3px;; float:left;} .header-title{margin-top:40px; float:left; font-size:18px; font-weight:bold; margin-left:15px;} .return-button{width:auto; height:auto; float:right; margin-top:10px; padding:10px;color:#fff; font-size:14px; border-width: 1px;border-style: solid; border-color: rgb(33, 201, 233); border-radius: 3px; background: #00b4d6; /* Old browsers */background: -moz-linear-gradient(top, #00b4d6 0%, #00a2c2 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #00b4d6 0%,#00a2c2 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #00b4d6 0%,#00a2c2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4d6', endColorstr='#00a2c2',GradientType=0 ); /* IE6-9 */text-shadow: 0px 0px 2px #000;outline: none;margin-top:30px;} .return-button:hover{color:#53ddf8; background: #00a2c2; /* Old browsers */ background: -moz-linear-gradient(top, #00a2c2 0%, #00b4d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #00a2c2 0%,#00b4d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #00a2c2 0%,#00b4d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2c2', endColorstr='#00b4d6',GradientType=0 ); /* IE6-9 */ } .menu-button, .menu-button:visited{float:left;font-size:18px;color: #fff;background: none;border: none;outline: none;height:70px;margin-left:60px;margin-top: 35px;padding: 10px;} .menu-items{display: none; position: fixed;list-style:none; top:105px; background-color:#fff; width:100%; z-index:1000; left:0; border-bottom:6px solid #009abb; box-shadow:10px 0px 5px #000;} .menu-item{ display: inline-block; max-width:150px; border-right:1px solid #009abb; margin-top:20px; margin-bottom:20px; height:120px; float:left;} .item-title{font-size: 12px; color:#009abb; text-align: center; margin-top:5px; font-weight: bold;} .item-img{width:100%; max-width:100%; height:64px; border: 2px solid #009abb;} .activebtn{background-color:#fff; border-top-left-radius: 5px; border-top-right-radius: 5px;} .activebtn span{color:#009abb;} } .headMenu .dropdown .dropdown1 ul li+li img{ width:150px;} .headMenu .dropdown .dropdown1 ul li{ width:157px; margin-bottom:10px; padding-bottom:10px; border-left:1px solid #54bbd0;min-height:130px; } .headMenu .dropdown .dropdown1 ul li.borNone{ border-left:0;} .whiteAro{z-index:1000;} .homebtn{border:none;} .menu-items li.last{border:none;}