@charset "utf-8"; /* CSS Document */ /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 960px) { /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* HEADER - starts here */ /* <<< Header >>> */ Header { height: 65px; } /* <<< NO DOT ! IMPORTANT ! >>> */ /* <<< Header Site_Logo >>> */ Header .Site_Logo { padding: 6px 0px 0px 10px; } /* <<< NO DOT ! IMPORTANT ! >>> */ Header .Site_Logo h1 a { font-size: 36px; } /* <<< NO DOT ! IMPORTANT ! >>> */ /* <<< Header Header.Smaller >>> */ Header.Smaller { padding: 0px 0px 0px 0px; height: 53px; transition: all 0.3s; background: rgba(0, 0, 0, 0.75); o} /* <<< NO DOT ! IMPORTANT ! >>> */ /* <<< Header Header.Smaller .Site_Logo >>> */ Header.Smaller .Site_Logo { padding: 10px 0px 0px 10px; } /* <<< NO DOT ! IMPORTANT ! >>> */ Header.Smaller .Site_Logo h1 { line-height: 30px; } /* <<< NO DOT ! IMPORTANT ! >>> */ Header.Smaller .Site_Logo h1 a { font-size: 29px; } /* <<< NO DOT ! IMPORTANT ! >>> */ /* HEADER - ends here */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* MOBILE SECTION - starts here */ #Mobile_Section { position: fixed; width: 100%; } #Mobile_Section .Mobile { display: block; position: relative; float: right; } #Mobile_Section .Menu_Mobile { display: none; width: 100%; position: absolute; top: 55px; right: 0%; background: #04184D; /* border-style: solid; border-width: 4px; border-color: #0F0; */ } /* LIGHT GREEN */ #Mobile_Section .Menu_Mobile .Navigation { width: 100%; float: none; list-style: none; } #Mobile_Section .Menu_Mobile .Navigation ul { float: none; background: #022248; } #Mobile_Section .Menu_Mobile .Navigation li { height: 55px; padding: 0px 0px 0px 0px; float: none; width: 100%; border-bottom: solid 2px #125E96; } #Mobile_Section .Menu_Mobile .Navigation li a { height: 53px; padding: 14px 0px 0px 10px; text-align: center; text-shadow: #eaf1fc 0px 1px 1px; background: #022248; border-bottom: none; } #Mobile_Section .Menu_Mobile .Navigation li:last-child { height: 53px; border-bottom: none; } #Mobile_Section .Menu_Mobile .Navigation li a:hover, #Mobile_Section .Menu_Mobile .Navigation li a.active { background: #ff9000; border-bottom: none; color: #003; } #Mobile_Section.Smaller { position: fixed; width: 100%; } #Mobile_Section.Smaller .Mobile { display: block; position: relative; float: right; } #Mobile_Section.Smaller .Menu_Mobile { display: none; width: 100%; position: absolute; top: 42px; right: 0%; background: #04184D; /* border-style: solid; border-width: 4px; border-color: #0F0; */ } /* LIGHT GREEN */ #Mobile_Section.Smaller .Menu_Mobile .Navigation { width: 100%; float: none; list-style: none; } #Mobile_Section.Smaller .Menu_Mobile .Navigation ul { float: none; background: #022248; } #Mobile_Section.Smaller .Menu_Mobile .Navigation li { height: 47px; padding: 0px 0px 0px 0px; float: none; width: 100%; border-bottom: solid 2px #125E96; } #Mobile_Section.Smaller .Menu_Mobile .Navigation li a { height: 45px; padding: 10px 0px 0px 10px; text-align: center; text-shadow: #eaf1fc 0px 1px 1px; background: #022248; border-bottom: none; } #Mobile_Section.Smaller .Menu_Mobile .Navigation li:last-child { height: 47px; border-bottom: none; } #Mobile_Section.Smaller .Menu_Mobile .Navigation li a:hover, #Mobile_Section .Menu_Mobile .Navigation li a.active { background: #ff9000; border-bottom: none; color: #003; } /* MOBILE SECTION - ends here */ /* MOBILE - starts here */ /* <<< Mobile >>> */ .Mobile { display: none; } .Mobile .fa { padding: 15px 17px; font-size: 38px; width: 64px; height: 64px; color: #fff; cursor: pointer; background: #ff9408; } .Mobile .fa:hover { background: #e3860e; } .Mobile .closed .fa-bars { display: none; } .Mobile .fa-times { padding: 11px 15px; width: 55px; height: 55px; display: none; font-size: 31px; } .Mobile .closed .fa-times { display: block; } /* <<< Mobile.SMALLER >>> */ .Mobile.Smaller { display: none; } .Mobile.Smaller .fa { padding: 12px 14px; font-size: 28px; width: 52px; height: 52px; color: #fff; cursor: pointer; background: #ff9408; } .Mobile.Smaller .fa:hover { background: #e3860e; } .Mobile.Smaller.closed .fa-bars { display: none; } .Mobile.Smaller .fa-times { padding: 11px 12px; width: 45px; height: 45px; display: none; font-size: 20px; } .Mobile.Smaller.closed .fa-times { display: block; } /* MOBILE - ends here */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* BANNER - starts here */ .Banner_Section { top: center; height: 700px; } /* <<< Contact Section >>> */ .Banner_Section { padding: 20px 0px 0px 0px; width: 100%; /* border-style: solid; border-width: 4px; border-color: #0F0; */ } /* <<< LIGHT GREEN >>> */ .Banner_Section .Banner_Head { padding: 30px 0px 20px 0px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .Banner_Section h2 { font-size: 40px; /* border-style: solid; border-width: 4px; border-color: #FFF; */ } /* <<< WHITE >>> */ /* <<< Contact Section Body Contact_Section_Body_Content >>> */ .Banner_Section_Body { position: relative; width: 100%; overflow: hidden; background: url(../img/Get-bg.jpg) top center no-repeat; background-size: cover; } .Banner_Section_Body .Banner_Section_Body_Content { padding: 30px 0px 20px 0px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ /* <<< Banner Section Banner_Side >>> */ .Banner_Section .Banner_Side { width: 100%; position: absolute; top: 60px; left: 0px; /* border-style: solid; border-width: 4px; border-color: #0F0; */ } /* LIGHT GREEN */ /* <<< Banner Section Banner_Center >>> */ .Banner_Section .Banner_Center { height: 100%; margin: auto; /* border-style: solid; border-width: 4px; border-color: #ff9000; */ } /* ORANGE */ /* <<< Banner Section Left_Side >>> */ .Banner_Section .Left_Side { width: 100%; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #f6ff00; */ } /* YELLOW */ /* <<< Banner Section Left_Side_Title >>> */ .Banner_Section .Left_Side_Title { padding: 0px 0px 0px 30px; text-align: left; margin-top: 40px; /* border-style: solid; border-width: 4px; border-color: #00ff2a; */ } /* LIGHT GREEN 2 */ .Banner_Section .Left_Side_Title h3 { font-size: 30px; } .Banner_Section .Left_Side_Title h3 span { font-size: 26px; } /* <<< Banner Section Left_Side_Text >>> */ .Banner_Section .Left_Side_Text{ max-width: 85.5%; padding: 10px 10px 0px 30px; /* border-style: solid; border-width: 4px; border-color: #ff7700; */ } /* ORANGE */ .Banner_Section .Left_Side_Text span { font-size: 14px; font-weight: 200; word-spacing: 3px; line-height: 22px; } /* <<< Banner Section Left_Side_Button >>> */ .Banner_Section .Left_Side_Buttons { margin: 20px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #0FF; */ } /* LIGHT BLUE */ .Banner_Section .Left_Side_Buttons ul { width: 100%; float: left; margin: 25px 0px 0px 40px;} .Banner_Section .Left_Side_Buttons li { margin: 0px 5px 0px 0px; } .Banner_Section .Left_Side_Buttons li:first-child { margin: 0px 5px 0px 0px; } .Banner_Section .Left_Side_Buttons li a { padding: 8px 10px 10px 8px; width: 140px; font-size: 12px; font-weight: 500; } /* <<< Banner Section Left_Side_Social_Media_Buttons >>> */ .Banner_Section .Left_Side_Social_Media_Buttons { display: none; } /* <<< Banner Section Right_Side >>> */ .Banner_Section .Right_Side { width: 600px; height: 350px; float: left; padding: 0px 0px 0px 0px; margin: 50px 0px 0px 100px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* RED */ /* <<< Banner Section Slider >>> */ .Banner_Section .Right_Side .Slider { width: 100%; } .Banner_Section .Right_Side .Slider .text { display: block ; width: 100%; padding: 2px 10px 2px 10px; /* border-style: solid; border-width: 4px; border-color: #f6ff00; */ } .Banner_Section .Right_Side .Slider .text ul { width: 157px; display: inline-block; margin: 6px; 0px 0px; 0px; /* border-style: solid; border-width: 4px; border-color: #ff9000; */ } /* ORANGE */ .Banner_Section .Right_Side .Slider .text li { max-width: 100%; display: inline-block; padding: 0px 10px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #0FF; */ } /* LIGHT BLUE */ .Banner_Section .Right_Side .Slider .text li a { font-size: 10px; } .Banner_Section .Right_Side .Slider .text li a .fa { padding: 8px; } .Banner_Section .Right_Side .Slider .text li a .fa:hover { padding: 8px; margin-right: 10px; border-radius: 50px; border: solid 2px #ff9000; transition: all 0.3s ease; } .Banner_Section .Right_Side .Slider .text .Lorem { width: 50%; /* border-style: solid; border-width: 4px; border-color: #0FF; */ } /* LIGHT BLUE */ .Banner_Section .Right_Side .Slider .text .Lorem p { font-size: 14px; } .Banner_Section .Right_Side .Slider .text .Lorem p span { font-size: 12px; padding: 0px 0px 5px 0px; } .Banner_Section .Right_Side .Shadow { width: 100%; left: -16px; } .Banner_Section .Right_Side .prevBtn { top: 90px; left: 10px; } .Banner_Section .Right_Side .nextBtn { top: 90px; right: 10px; } .Banner_Section .Right_Side #slider li img { max-height: 350px; width: 100%; /* border-style: solid; border-width: 4px; border-color: #f6ff00; */ } /* YELLOW */ /* <<< Banner Section IconHeart >>> */ .Banner_Section .Right_Side .IconHeart { width: 25%; display: inline-block; position: absolute; z-index: 2; bottom: 0px; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #00C; */ } /* <<< BLUE >>> */ .Banner_Section .Right_Side .IconHeart ul { list-style: none; margin: 0px; } .Banner_Section .Right_Side .IconHeart li { float: left!important; padding: 0px 0px 0px 0px; margin: 0px; } .Banner_Section .Right_Side .IconHeart li a { display: block; font-size: 12px; color: #fff; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: 400; transition: all 0.3s ease; } .Banner_Section .Right_Side .IconHeart li:last-child { padding: 0px; } .Banner_Section .Right_Side .IconHeart li:hover a { color: #ff9000!important; } .Banner_Section .Right_Side .IconHeart li a .fa { padding: 8px; margin: 0px 10px 10px 0px; color: #fff; border-radius: 30px; border: solid 2px #fff; transition: all 0.3s ease; cursor: pointer; } .Banner_Section .Right_Side .IconHeart li:hover a .fa { background: #ff9000; color: #fff; border: solid 2px #ff9000; } /* <<< Banner Section IconComment >>> */ .Banner_Section .Right_Side .IconComment { width: 75%; display: inline-block; float: none; position: absolute; z-index: 2; bottom: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 130px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .Banner_Section .Right_Side .IconComment ul { list-style: none; margin: 0px; } .Banner_Section .Right_Side .IconComment li { float: left!important; padding: 0px 0px 0px 0px; margin: 0px; } .Banner_Section .Right_Side .IconComment li a { display: block; font-size: 12px; color: #fff; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: 400; transition: all 0.3s ease; } .Banner_Section .Right_Side .IconComment li:last-child { padding: 0px; } .Banner_Section .Right_Side .IconComment li:hover a { color: #ff9000!important; } .Banner_Section .Right_Side .IconComment li a .fa { padding: 8px; margin: 0px 10px 10px 0px; color: #fff; border-radius: 30px; border: solid 2px #fff; transition: all 0.3s ease; cursor: pointer; } .Banner_Section .Right_Side .IconComment li:hover a .fa { background: #ff9000; color: #fff; border: solid 2px #ff9000; } /* <<< Banner Section Banner_Section_Spacer >>> */ .Banner_Section_Spacer { height: 74px; width: 100%; background: rgba(249,250,251,1); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,250,251,1)), color-stop(0%, rgba(249,250,251,1)), color-stop(100%, rgba(225,228,231,1))); background: linear-gradient(to bottom, rgba(249,250,251,1) 0%, rgba(249,250,251,1) 0%, rgba(225,228,231,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafb', endColorstr='#e1e4e7', GradientType=0 ); /* border-style: solid; border-width: 4px; border-color: #0F0; */ } /* BANNER - ends here */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ABOUT - starts here */ /* <<< About_Section >>> */ .About_Section { padding: 50px 0px 30px 0px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } .About_Section h2 { font-size: 40px; margin: 0px; } .About_Section p { font-size: 13px; letter-spacing: -0.4px; padding: 30px 30px 30px 30px; } .About_Section .About_Center { padding: 0px 0px 0px 0px; margin: auto; overflow: hidden; text-align: center; /* border-style: solid; border-width: 4px; border-color: #00C; */ } /* <<< BLUE >>> */ /* <<< About About_Content >>> */ .About_Section .About_Content { padding: 50px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #000; */ } /* <<< BLACK >>> */ .About_Section .About_Content ul { padding-bottom: 40px; /* border-style: solid; border-width: 4px; border-color: #90C; */ } /* <<< PINK >>> */ .About_Section .About_Content li { width: 125px; } .About_Section .About_Content li a { padding: 8px 10px 8px 10px; font-size: 11px; } /* <<< About About_Content_Image_Left >>> */ .About_Section .About_Content .About_Content_Image_Left { height: 270px; width: 100%; background-image:url(../img/mainbanner/mainbanner.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .About_Section .About_Content .About_Content_Image_Left .img1 { max-height: 180px; max-width: 300px; padding: 0px 0px 0px 0px; top: 20px; left: 40px; background: none; box-shadow: -3px 3px 10px rgba(0,0,0,0.15), -3px 3px 10px rgba(0,0,0,0.25); /* border-style: solid; border-width: 4px; border-color: #0FF; */ } /* LIGHT BLUE */ .About_Section .About_Content .About_Content_Image_Left .img1 img { width: 100%; height: 100%; object-fit: contain; } .About_Section .About_Content .About_Content_Image_Left .img2 { max-height: 180px; max-width: 300px; padding: 0px 0px 0px 0px; top: 75px; left: 280px; background: none; box-shadow: -3px 3px 10px rgba(0,0,0,0.15), -3px 3px 10px rgba(0,0,0,0.25); /* border-style: solid; border-width: 4px; border-color: #f6ff00; */ } /* YELLOW */ .About_Section .About_Content .About_Content_Image_Left .img2 img { width: 100%; height: 100%; object-fit: contain; } /* <<< About About_Content_Description_Main >>> */ .About_Section .About_Content .About_Content_Description_Main { padding: 40px 20px 10px 20px; width: 100%; margin-top: 0px; /* border-style: solid; border-width: 4px; border-color: #f6ff00; */ } /* <<< YELLOW >>> */ .About_Section .About_Content .About_Content_Description_Main h3 { font-size: 20px; text-align: center; } .About_Section .About_Content .About_Content_Description_Main h3 span { font-size: 11px; text-align: center; } .About_Section .About_Content .About_Content_Description_Main p { font-size: 13px; font-weight: 400; letter-spacing: -0.4px; text-align: center; padding: 0px 30px 0px 30px; } /* About Section About_Content_Buttons */ .About_Section .About_Content .About_Content_Buttons { width: 300px; margin: 0 auto; } .About_Section .About_Content .About_Content_Buttons ul { display: block; position: absolute; left: 50%; transform: translatex(-50%); } .About_Section .About_Content .About_Content_Buttons ul li { width: 190px; display: table; padding: 0px 0px; margin: 30px auto 0px auto; float: none; } .About_Section .About_Content .About_Content_Buttons ul li a { width: 190px; float: left; padding: 8px 10px 8px 10px; font-size: 11px; margin: 0px 0px 0px 0px; text-align: center; } /* <<< About Section About_Content_Buttons_Testimonials >>> */ .About_Section .About_Content .About_Content_Buttons_Testimonials { width: 100%; height: 20px; padding: 0px 0px 0px 0px; margin: 30px 0px 30px 0px; } .About_Section .About_Content .About_Content_Buttons_Testimonials ul { width: 100%; display: inline-block; text-align: center; } .About_Section .About_Content .About_Content_Buttons_Testimonials ul p { padding: 0px 0px 0px 0px; } .About_Section .About_Content .About_Content_Buttons_Testimonials li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; width: 160px; } .About_Section .About_Content .About_Content_Buttons_Testimonials li a { padding: 8px 10px 8px 10px; font-size: 11px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ /* <<< About About_Content_Button_BackToTop >>> */ .About_Section .About_Center .About_Content_Button_BackToTop { float: right; height: 40px; width: 40px; object-fit: contain; margin: 80px 0px 0px 0px; padding: 0px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .About_Section .About_Center .About_Content_Button_BackToTop img { opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ } .About_Section .About_Center .About_Content_Button_BackToTop img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* <<< About About_Content_Button_Testimonials_BackToTop >>> */ .About_Section .About_Center .About_Content_Button_Testimonials_BackToTop { float: right; height: 40px; width: 40px; object-fit: contain; margin: -10px 0px -10px 0px; padding: 0px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .About_Section .About_Center .About_Content_Button_Testimonials_BackToTop img { opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ } .About_Section .About_Center .About_Content_Button_Testimonials_BackToTop img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* ABOUT - ends here */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* SERVICES - starts here */ /* <<< Services Section >>> */ .Services_Section { padding: 50px 0px 30px 0px; } .Services_Section h2 { font-size: 40px; } .Services_Section p { font-size: 13px; letter-spacing: -0.4px; padding: 30px 30px 30px 30px; } /* <<< Services Section Services_Center >>> */ .Services_Section .Services_Center { max-width: 1100px; padding: 0px 0px 0px 0px; margin: auto; overflow: hidden; text-align: center; /* border-style: solid; border-width: 4px; border-color: #000; */ } /* <<< BLACK >>> */ /* Services Section Services_Content */ .Services_Section .Services_Content { padding: 50px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #f6ff00; */ } /* <<< YELLOW >>> */ .Services_Section .Services_Content ul { padding-bottom: 60px; } .Services_Section .Services_Content ul li { width: 140px; margin: 3px 0px 0px 0px; } .Services_Section .Services_Content li a { padding: 8px 10px 8px 10px; font-size: 11px; } /* Services Section Services_Content_Buttons */ .Services_Section .Services_Content .Services_Content_Buttons ul li { width: 190px; } .Services_Section .Services_Content .Services_Content_Buttons ul li a { padding: padding: 8px 10px 8px 10px; font-size: 11px;} /* SERVICES SECTION Services_Content_Image_Left */ .Services_Section .Services_Content .Services_Content_Image_Left { height: 270px; width: 100%; background-image:url(../img/mainbanner/mainbanner.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .Services_Section .Services_Content .Services_Content_Image_Left .img1 { max-height: 180px; max-width: 300px; padding: 0px 0px 0px 0px; top: 20px; left: 40px; background: none; box-shadow: -3px 3px 10px rgba(0,0,0,0.15), -3px 3px 10px rgba(0,0,0,0.25); } .Services_Section .Services_Content .Services_Content_Image_Left .img1 img { width: 100%; height: 100%; object-fit: contain; } .Services_Section .Services_Content .Services_Content_Image_Left .img2 { max-height: 180px; max-width: 300px; padding: 0px 0px 0px 0px; top: 75px; left: 280px; background: none; box-shadow: -3px 3px 10px rgba(0,0,0,0.15), -3px 3px 10px rgba(0,0,0,0.25); } .Services_Section .Services_Content .Services_Content_Image_Left .img2 img { width: 100%; height: 100%; object-fit: contain; } /* SERVICES SECTION Services_Content_Description_Main */ .Services_Section .Services_Content .Services_Content_Description_Main { padding: 20px 20px 0px 20px; width: 100%; margin-top: 20px; text-align: center; } .Services_Section .Services_Content .Services_Content_Description_Main h3 { font-size: 16px; } .Services_Section .Services_Content .Services_Content_Description_Main h3 span { font-size: 11px; margin-bottom: 0px; } .Services_Section .Services_Content .Services_Content_Description_Main p { font-size: 13px; } .Services_Section .Services_Content .Services_Content_Buttons .Services_Content_Description_Main_BackToTop { margin-top: 20px; } /* SERVICES - ends here */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* TOURS - starts here */ /* <<< Tours Section >>> */ .Tours_Section { padding: 50px 0px 30px 0px; } .Tours_Section h2 { font-size: 40px; } .Tours_Section p { font-size: 14px; margin: 0px; } .Tours_Section .Tours_Title_Scheduled_Departures h2 { font-size: 16px; margin: 20px 0px 20px 0px; } /* <<< Tours Tours_Content >>> */ .Tours_Section .Tours_Content { padding: 0px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #000; */ } /* <<< BLACK >>> */ .Tours_Section .Tours_Content ul { padding-bottom: 60px; } .Tours_Section .Tours_Content li { width: 180px; margin: 4px 0px 0px 0px; } .Tours_Section .Tours_Content li a { padding: 8px 10px 8px 10px; font-size: 11px; } /* <<< Tours Section Tours_Content_Image_Left >>> */ .Tours_Section .Tours_Content .Tours_Content_Image_Left { height: 270px; width: 100%; background-image:url(../img/mainbanner/mainbanner.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .Tours_Section .Tours_Content .Tours_Content_Image_Left .img1 { max-height: 180px; max-width: 300px; padding: 0px 0px 0px 0px; top: 20px; left: 40px; background: none; box-shadow: -3px 3px 10px rgba(0,0,0,0.15), -3px 3px 10px rgba(0,0,0,0.25); } .Tours_Section .Tours_Content .Tours_Content_Image_Left .img1 img { width: 100%; height: 100%; object-fit: contain; } .Tours_Section .Tours_Content .Tours_Content_Image_Left .img2 { max-height: 180px; max-width: 300px; padding: 0px 0px 0px 0px; top: 75px; left: 280px; background: none; box-shadow: -3px 3px 10px rgba(0,0,0,0.15), -3px 3px 10px rgba(0,0,0,0.25); } .Tours_Section .Tours_Content .Tours_Content_Image_Left .img2 img { width: 100%; height: 100%; object-fit: contain; } /* <<< Tours Section Tours_Content_Description_Main >>> */ .Tours_Section .Tours_Content .Tours_Content_Description_Main { width: 100%; padding: 30px 20px 0px 20px; margin-top: 20px; text-align: center; } .Tours_Section .Tours_Content .Tours_Content_Description_Main h3 { font-size: 16px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main h3 span { font-size: 11px; margin-bottom: 0px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main h4 { font-size: 14px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main h5 { font-size: 14px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main h5 span { 14px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main p { font-size: 14px; } /* <<< Tours Section Tours_Content_Buttons_Tours >>> */ .Tours_Section .Tours_Content .Tours_Content_Description_Main .Tours_Content_Buttons_Tours { padding: 0px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .Tours_Section .Tours_Content .Tours_Content_Description_Main .Tours_Content_Buttons_Tours ul { display: block; } .Tours_Section .Tours_Content .Tours_Content_Description_Main .Tours_Content_Buttons_Tours ul li { display: table; margin: 0px auto 0px auto; padding: 10px 0px 0px 0px; float: none; width: 160px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main .Tours_Content_Buttons_Tours ul li a { padding: 8px 10px 8px 10px; width: 300px; font-size: 11px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main .Tours_Content_Description_Main_BackToTop { height: 40px; width: 40px; margin-top: 40px; padding: 0px 0px 0px 0px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* TOURS - ends here */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* CONTACT - starts here */ /* <<< Contact Section >>> */ .Contact_Section .Contact_Head { padding: 50px 0px 20px 0px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .Contact_Section h2 { font-size: 40px; /* border-style: solid; border-width: 4px; border-color: #FFF; */ } /* <<< WHITE >>> */ /* <<< Contact Section Body Contact_Section_Body_Content >>> */ .Contact_Section_Body { position: relative; width: 100%; overflow: hidden; background: url(../img/Get-bg.jpg) top center no-repeat; background-size: cover; } .Contact_Section_Body .Contact_Section_Body_Content { padding: 60px 0px 60px 20px; max-width: 1100px; margin: auto; overflow: hidden; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ /* <<< Contact Section Body Contact_Section_Body_Content_Address >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Address .Contact_Section_Body_Content_Address { width: 100%; height: 100%; position: relative; padding: 0px 20px 0px 50px; text-align: center; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Title h2 { width: 100%; text-align: left; font-size: 30px; } /* <<< Contact Section Body Contact_Section_Body_Content_Address_Icon_Address >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Address_Icon_Address { float: left; width: 51%; height: 50px; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Address p { width: 100%; padding: 0px 0px 35px 0px; text-align: left; } /* <<< Contact Section Body Contact_Section_Body_Content_Address_Icon_Numbers >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Address_Icon_Numbers { float: left; width: 51%; height: 50px; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Numbers p { width: 100%; padding: 0px 0px 35px 0px; text-align: left; } /* <<< Contact Section Body Contact_Section_Body_Content_Address_Icon_Email >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Address_Icon_Email { float: left; width: 51%; height: 50px; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Email a { width: 100%; padding: 0px 0px 35px 0px; text-align: left; } /* <<< Contact_Section_Body Contact_Section_Body_Content_Address_Logo >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Address_Logo { display: block !important; position: absolute; top: 7%; right: 35%; width: 238px; padding: 0px 0px 0px 0px; float: left; transition: all 0.3s; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Logo h1 { margin: 0px; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Logo h1 a { font-size: 42px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 800; text-decoration: none; text-transform: uppercase; text-shadow: rgb(3, 3, 3) 0px 2px 5px; transition: all 0.7s ease; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Logo h1 a span { color: #ff9000; } /* <<< Contact Section Body Contact_Section_Body_Content_Address_Images >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Address_Image1 { float: right; position: absolute; top: 27%; right: 8%; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Image2 { float: right; position: absolute; top: 13%; right: 14%; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Image1 figure { width: 300px; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Image2 figure { width: 300px; } /* <<< Contact Section Body Contact_Section_Body_Content_Social_Media_Icons >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Social_Media_Icons ul { text-align: left; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; } .Contact_Section_Body .Contact_Section_Body_Content_Social_Media_Icons li { position: relative; width: 40px; height: 40px; margin: 0px 30px 0px 0px; } /* <<< Contact Section Body Contact_Section_Body_Content_Form >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Form { width: 100%; padding: 0px 0px 0px 20px; /* border-style: solid; border-width: 4px; border-color: #90C; */ } /* <<< PINK >>> */ /* <<< Contact Section Body Contact_Section_Body_Content_Form_Label_Top >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Form_Label_Top { width: 60%; height: 50px; object-fit: contain; box-shadow: 0px 2px 6px 0px #242424; -webkit-box-shadow: 0px 2px 6px 0px #242424; -moz-box-shadow: 0px 2px 6px 0px #242424; -o-box-shadow: 0px 2px 6px 0px #242424; } .Contact_Section_Body .Contact_Section_Body_Content_Form_Label_Top p { font-size: 16px; } /* <<< Contact Section Body Contact_Section_Body_Content_Form_Label_Bottom >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Form_Label_Bottom { width: 60%; height: 50px; margin: 0px 0px 10px 0px; object-fit: contain; box-shadow: 0px 2px 6px 0px #242424; -webkit-box-shadow: 0px 2px 6px 0px #242424; -moz-box-shadow: 0px 2px 6px 0px #242424; -o-box-shadow: 0px 2px 6px 0px #242424; } .Contact_Section_Body .Contact_Section_Body_Content_Form_Label_Bottom p { font-size: 16px; } .Contact_Section_Body .Contact_Section_Body_Content_Form_Label_Bottom p span { font-size: 16px; } /* <<< Contact Section Body Contact_Section_Body_Content_Form input.field >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Form input.field { width: 60%; height: 50px; padding: 10px 60px 10px 20px; } .Contact_Section_Body .Contact_Section_Body_Content_Form input:required:valid { border-width: 2px; border-style: solid; border-color: #0F0; } /* <<< Contact Section Body Contact_Section_Body_Content_Form textarea >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Form textarea { width: 60%; height: 120px; } .Contact_Section_Body .Contact_Section_Body_Content_Form textarea:required:valid { border-width: 2px; border-style: solid; border-color: #0F0; } /* <<< Contact Section Body Contact_Section_Body_Content_Form .button >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Form .button { width: 60%; height: 50px; object-fit: contain; } .Contact_Section_Body .Contact_Section_Body_Content_Form .Contact_Section_Body_Content_Address_BackToTop { float: right; height: 40px; width: 40px; object-fit: contain; margin: 20px 40px 0px 0px; padding: 0px 0px 0px 0px; } .Contact_Section_Body .Contact_Section_Body_Content_Form .Contact_Section_Body_Content_Address_BackToTop img { opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ } .Contact_Section_Body .Contact_Section_Body_Content_Form .Contact_Section_Body_Content_Address_BackToTop img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* <<< footer >>> */ footer .Content { padding: 10px 0px; } footer .Content p { font-size: 11px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* CONTACT - ends here */ }