@charset "utf-8"; /* CSS Document */ /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (max-width: 320px) { /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* HEADER - starts here */ /* <<< Header >>> */ Header { height: 57px; } /* <<< NO DOT ! IMPORTANT ! >>> */ /* <<< Header Site_Logo >>> */ Header .Site_Logo { padding: 7px 0px 0px 10px; } /* <<< NO DOT ! IMPORTANT ! >>> */ Header .Site_Logo h1 a { font-size: 30px; } /* <<< NO DOT ! IMPORTANT ! >>> */ /* <<< Header Header.Smaller >>> */ Header.Smaller { padding: 0px 0px 0px 0px; height: 42px; 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: 5px 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: 25px; } /* <<< 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: 45px; padding: 0px 0px 0px 0px; float: none; width: 100%; border-bottom: solid 2px #125E96; } #Mobile_Section .Menu_Mobile .Navigation li a { height: 43px; text-align: center; text-shadow: #eaf1fc 0px 1px 1px; padding: 10px 0px 0px 10px; background: #022248; border-bottom: none; } #Mobile_Section .Menu_Mobile .Navigation li:last-child { height: 45px; 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: 45px; padding: 0px 0px 0px 0px; float: none; width: 100%; border-bottom: solid 2px #125E96; } #Mobile_Section.Smaller .Menu_Mobile .Navigation li a { height: 43px; text-align: center; text-shadow: rgb(255, 255, 255) 0px 1px 1px; padding: 10px 0px 0px 10px; background: #022248; border-bottom: none; } #Mobile_Section.Smaller .Menu_Mobile .Navigation li:last-child { height: 45px; 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: 12px 14px; font-size: 31px; width: 55px; height: 55px; 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: 11px 12px; font-size: 20px; width: 40px; height: 40px; 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: 40px; height: 40px; display: none; font-size: 20px; } .Mobile.Smaller.closed .fa-times { display: block; } /* MOBILE - ends here */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* BANNER - starts here */ /* <<< Banner Section Banner_Section >>> */ .Banner_Section { top: center; height: 650px; position: relative; width: 100%; background-image:url(../img/mainbanner/mainbanner.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #464646; border-style: } /* <<< 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 20px; 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 20px; /* border-style: solid; border-width: 4px; border-color: #ff7700; */ } /* ORANGE */ .Banner_Section .Left_Side_Text span { font-size: 11px; font-weight: 200; word-spacing: 3px; line-height: 22px; } /* <<< Banner Section Left_Side_Button >>> */ .Banner_Section .Left_Side_Buttons { max-width: 100%; height: auto; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* RED */ .Banner_Section .Left_Side_Buttons ul { position: relative; width: 100%; float: left; list-style: none; /* border-style: solid; border-width: 4px; border-color: #0FF; */ } /* LIGHT BLUE */ .Banner_Section .Left_Side_Buttons li { margin: 0px 0px 10px 70px; background-color: #043959; } .Banner_Section .Left_Side_Buttons li:first-child { margin: 20px 0px 10px 22px; } .Banner_Section .Left_Side_Buttons li:last-child { margin: 0px 0px 0px 130px; } .Banner_Section .Left_Side_Buttons li a { padding: 8px 10px 10px 8px; margin: 0px; text-align: center; width: 135px; font-size: 11px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; text-decoration: none; text-transform: uppercase; border: none; display: block; transition: all 0.3s ease; } /* <<< 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: 88%; height: 90%; float: left; padding: 0px 0px 0px 0px; margin: 20px 0px 0px 20px; /* border-style: solid; border-width: 4px; border-color: #0FF; */ } /* LIGHT BLUE */ /* <<< Banner Section Slider >>> */ .Banner_Section .Right_Side .Slider { max-width: 100%; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* RED */ .Banner_Section .Right_Side .Slider .text { width: 100%; padding: 2px 2px 2px 2px; /* border-style: solid; border-width: 4px; border-color: #f6ff00; */ } /* YELLOW */ .Banner_Section .Right_Side .Slider .text ul { width: 136px; display: inline-block; margin: 2px 0px 0px 2px; /* 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: 5px; margin-right: 5px; } .Banner_Section .Right_Side .Slider .text li a .fa:hover { padding: 5px; margin-right: 5px; border-radius: 30px; border: solid 2px #ff9000; transition: all 0.3s ease; } .Banner_Section .Right_Side .Slider .text .Lorem { width: 47%; padding: 0px 3px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #0FF; */ } /* LIGHT BLUE */ .Banner_Section .Right_Side .Slider .text .Lorem p { font-size: 8px; padding-top: 0px; } .Banner_Section .Right_Side .Slider .text .Lorem p span { font-size: 8px; line-height: 9px; padding: 0px 0px 7px 0px; } .Banner_Section .Right_Side .Shadow { width: 100%; left: -16px; } .Banner_Section .Right_Side .prevBtn { display: none; width: 42px; height: 42px; object-fit: contain; top: 40px; left: 10px; } /* DISPLAY NONE !!!!!!!!!! */ .Banner_Section .Right_Side .nextBtn { display: none; width: 42px; height: 42px; object-fit: contain; top: 40px; right: 10px; } /* DISPLAY NONE !!!!!!!!!! */ .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: 30%; display: inline-block; position: absolute; z-index: 2; bottom: 0px; padding: 0px 0px 0px 10px; 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: 9px; 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: 5px; margin: 0px 10px 8px 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: 70%; display: inline-block; float: none; position: absolute; z-index: 2; bottom: 0px; padding: 0px 100px 0px 0px; margin: 0px 0px 0px 75px; /* 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: 9px; 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: 5px; margin: 0px 10px 8px 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: 40px; 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: 40px 0px 20px 0px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .About_Section h2 { font-size: 30px; margin: 0px; } .About_Section p { font-size: 13px; letter-spacing: -0.4px; } .About_Section .About_Line { border: solid 1px #ff9408; height: 2px; width: 200px; margin: auto; } .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: 230px; 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 { height: 100px; width: 180px; padding: 0px 0px 0px 0px; top: 20px; left: 20px; 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 { height: 100px; width: 180px; padding: 0px 0px 0px 0px; top: 105px; left: 105px; 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 0px 20px; width: 100%; margin-top: 0px; overflow: hidden; /* 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; } /* About Section About_Content_Buttons */ .About_Section .About_Content .About_Content_Buttons { width: 300px; margin: 0 auto; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .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: 20px 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: 50px; display: inline-block; padding: 0px 0px 0px 0px; } .About_Section .About_Content .About_Content_Buttons_Testimonials ul { height: 50px; list-style: none; margin: 0px 0px 0px 0px; 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 { width: 120px; display: inline-block; float: none; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; } .About_Section .About_Content .About_Content_Buttons_Testimonials li a { padding: 8px 10px 8px 10px; font-size: 11px; color: #C60; font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: center; text-decoration: none; text-transform: uppercase; border: solid 1px #d5d5d5; display: block; transition: all 0.3s ease; } /* <<< 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: 15px 5px 0px 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: 40px 0px 20px 0px; /* border-style: solid; border-width: 4px; border-color: #0FF; */ } /* LIGHT BLUE */ .Services_Section h2 { font-size: 30px; } .Services_Section p { font-size: 13px; padding: 20px 20px 0px 20px; margin-bottom: 20px; letter-spacing: -0.4px; /* border-style: solid; border-width: 4px; border-color: #f6ff00; */ } /* <<< YELLOW >>> */ .Services_Section .Services_Line { border: solid 1px #ff9408; height: 2px; width: 200px; margin: auto; } /* <<< Services Section Services_Center >>> */ .Services_Section .Services_Center { padding: 0px 0px 0px 0px; margin: auto; overflow: hidden; text-align: center; /* border-style: solid; border-width: 4px; border-color: #f6ff00; */ } /* <<< YELLOW >>> */ /* Services Section Services_Content */ .Services_Section .Services_Content { padding: 30px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #f6ff00; */ } /* <<< YELLOW >>> */ .Services_Section .Services_Content ul { padding: 0px 0px 30px 0px; /* border-style: solid; border-width: 4px; border-color: #f6ff00; */ } /* <<< YELLOW >>> */ .Services_Section .Services_Content ul li { width: 130px; padding: 0px 0px 0px 0px; 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: 230px; 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 { height: 100px; width: 180px; padding: 0px 0px 0px 0px; top: 20px; left: 20px; 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 */ .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 { height: 100px; width: 180px; padding: 0px 0px 0px 0px; top: 105px; left: 105px; 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 */ .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: 40px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .Tours_Section h2 { font-size: 30px; } .Tours_Section p { font-size: 13px; margin: 0px; } .Tours_Section .Tours_Line { border: solid 1px #ff9408; height: 2px; width: 200px; margin: auto; } .Tours_Section .Tours_Title_Scheduled_Departures h2 { font-size: 13px; margin: 10px 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: 40px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .Tours_Section .Tours_Content li { width: 180px; margin: 4px 0px 0px 0px; } .Tours_Section .Tours_Content li a { padding: 5px 10px 6px 10px; font-size: 11px; } /* <<< Tours Section Tours_Content_Image_Left >>> */ .Tours_Section .Tours_Content .Tours_Content_Image_Left { height: 230px; 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 { height: 100px; width: 180px; padding: 0px 0px 0px 0px; top: 20px; left: 20px; 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 */ .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 { height: 100px; width: 180px; padding: 0px 0px 0px 0px; top: 105px; left: 105px; 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 */ .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: 0px 0px 0px 0px; 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: 13px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main h5 { font-size: 13px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main h5 span { font-size: 11px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main p { font-size: 13px; } /* <<< Tours Section Tours_Content_Buttons_Tours >>> */ .Tours_Section .Tours_Content .Tours_Content_Description_Main .Tours_Content_Buttons_Tours { width: 100%; position: relative; float: left; padding: 0px 0px 0px 0px; margin: 20px 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 { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main .Tours_Content_Buttons_Tours ul li { width: 260px; display: absolute; padding: 0px 0px; margin: 0px 0px 5px 0px; float: none; } .Tours_Section .Tours_Content .Tours_Content_Description_Main .Tours_Content_Buttons_Tours ul li:last-child { margin: 0px 0px 0px 0px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main .Tours_Content_Buttons_Tours ul li a { width: 260px; float: left; display: block; padding: 8px 10px 8px 10px; font-size: 11px; margin: 0px 0px 0px 0px; text-align: center; } .Tours_Section .Tours_Content .Tours_Content_Description_Main .Tours_Content_Description_Main_BackToTop { float: right; height: 40px; width: 40px; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; } .Tours_Section .Tours_Content .Tours_Content_Description_Main .Tours_Content_Description_Main_BackToTop img { opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ } .Tours_Section .Tours_Content .Tours_Content_Description_Main .Tours_Content_Description_Main_BackToTop img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* TOURS - ends here */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* CONTACT - starts here */ /* <<< Contact Section >>> */ .Contact_Section { padding: 20px 0px 0px 0px; width: 100%; overflow: hidden; /* border-style: solid; border-width: 4px; border-color: #0F0; */ } /* <<< LIGHT GREEN >>> */ .Contact_Section .Contact_Head { padding: 20px 0px 20px 0px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ .Contact_Section h2 { font-size: 30px; margin: 0px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #FFF; */ } /* <<< WHITE >>> */ .Contact_Section .Contact_Line { border: solid 1px #ff9408; height: 2px; width: 200px; margin: -20px auto 0px auto; } /* <<< 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: 30px 0px 40px 0px; /* 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 { width: 100%; height: 100%; position: relative; padding: 0px 0px 0px 10px; text-align: center; /* border-style: solid; border-width: 4px; border-color: #f6ff00; */ } /* YELLOW */ .Contact_Section_Body .Contact_Section_Body_Content_Address_Title h2 { width: 100%; height: 42px; margin: 0px 0px 20px 0px; float: left; text-align: left; font-size: 17px; /* border-style: solid; border-width: 4px; border-color: #F00; */ } /* <<< RED >>> */ /* <<< 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 { font-size: 13px; width: 200px; 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 { font-size: 13px; width: 200px; 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 { font-size: 13px; width: 200px; 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: 8%; right: 5%; max-width: 100%; padding: 0px 0px 0px 0px; /* border-style: solid; border-width: 4px; border-color: #0F0; */ } /* <<< LIGHT GREEN >>> */ .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: 26px; 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: 55%; right: 5%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Image2 { float: right; position: absolute; top: 35%; right: 5%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Image1 figure { max-width: 120px; float: right; } .Contact_Section_Body .Contact_Section_Body_Content_Address_Image2 figure { max-width: 120px; float: right; } /* <<< Contact Section Body Contact_Section_Body_Content_Social_Media_Icons >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Social_Media_Icons ul { text-align: left; list-style: none; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; } .Contact_Section_Body .Contact_Section_Body_Content_Social_Media_Icons li { position: relative; width: 30px; height: 30px; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; } /* <<< Contact Section Body Contact_Section_Body_Content_Form >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Form { width: 100%; height: 100%; position: relative; padding: 0px 0px 0px 10px; /* 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: 94%; height: 40px; object-fit: contain; padding: 7px 20px 20px 7px; margin: 0px 0px 15px 0px; 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: 13px; } /* <<< Contact Section Body Contact_Section_Body_Content_Form_Label_Bottom >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Form_Label_Bottom { width: 94%; height: 40px; object-fit: contain; padding: 7px 20px 20px 7px; margin: 0px 0px 15px 0px; 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: 13px; } .Contact_Section_Body .Contact_Section_Body_Content_Form_Label_Bottom p span { font-size: 13px; } /* <<< Contact Section Body Contact_Section_Body_Content_Form input.field >>> */ .Contact_Section_Body .Contact_Section_Body_Content_Form input.field { width: 94%; height: 40px; font-size: 13px; padding: 7px 7px 10px 7px; } .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: 94%; height: 120px; font-size: 13px; padding: 7px 7px 10px 7px; } .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: 94%; font-size: 13px; } /* <<< Contact Section Body Contact_Section_Body_Content_Form_BackToTop >>> */ .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 23px -20px 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: 8px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* CONTACT - ends here */ }