html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
scroll-behavior: smooth;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
a {
text-decoration: none;
}
p {
font-size: 24px;
line-height: 36px;
font-family: 'Roboto', sans-serif;
word-break: break-word;
-webkit-hyphens: auto;
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
overflow: hidden;
color: #003242;
font-weight: 300;
}
p:empty {
display: none;
}
ul {
margin: 0;
padding: 0;
}
li {
list-style-type: none !important;
word-break: break-word;
-webkit-hyphens: auto;
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
color: #003242;
}
.main-menu ul li {
word-break: break-word;
max-width: 380px;
}
.bg-page-color {
background-color: #e6ebec;
}
/*1. Header Style */
#header {
height: 85px;
padding: 0px 47px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-shadow: 0px 5px 20px rgba(76, 84, 87, 0.7);
box-shadow: 0px 5px 20px rgba(76, 84, 87, 0.7);
position: relative;
z-index: 100;
position: fixed;
width: 100%;
background: #fff;
z-index: 99999;
}
.p-0 {
padding: 0;
}
.logo-header {
margin-top: 3px;
text-align: right;
}
.logo-header img {
max-width: 479px;
}
.header-logo-color {
color: #a83238;
font-weight: 700;
}
ul.language-list {
margin: 0;
padding: 0;
}
.logo-mobile {
display: none;
}
.language-list li a {
color: #fff;
text-decoration: none;
}
.language-list li {
list-style-type: none;
display: inline;
text-align: left;
padding: 0px 5px;
text-transform: uppercase;
background-color: #99adb3;
color: #fff;
font-weight: 400;
line-height: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.language-list li:hover {
background-color: #335b68;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.language-list .active-language {
background-color: #335b68;
}
.vertical-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.container-pt-47 {
padding: 85px 47px 0px 47px;
}
/* 2. Footer Style */
.containt-side-margin {
margin: 0px 47px;
margin-bottom: 47px;
}
.footer-bg {
background: #003242;
}
#footer ul {
margin: 0px;
padding: 0px;
}
#footer li {
list-style-type: none;
color: #fff;
word-break: break-word;
}
.footer-p {
padding-top: 59px;
padding-bottom: 61px;
}
.footer-widget-1,
.footer-widget-2 {
font-size: 28px;
line-height: 36px;
font-weight: bold;
font-family: 'Noto Serif', serif;
color: #fff;
}
.italic-font {
font-style: italic;
}
.footer-fc {
color: #B3C2C6 !important;
transition: 300ms;
}
.footer-fc a {
color: #B3C2C6 !important;
transition: 300ms;
}
.footer-fc a:hover {
color: #859194 !important;
transition: 300ms;
}
.footer-widget-1 a,
.footer-widget-2 a,
.footer-menu a {
color: #fff;
text-decoration: none;
transition: 300ms;
}
.footer-menu {
padding-left: 95px;
width: 165px;
}
.footer-menu a:hover {
color: #b9b4b4;
transition: 300ms;
}
.footer-menu li a {
font-family: 'Noto Serif', serif;
font-weight: 400;
}
.footer-menu li {
margin-bottom: 20px;
}
.footer-widget-2 {
padding-top: 107px;
}
/* Hero shot styles */
.hero-shoot {
height: 100%;
outline: none;
position: relative;
}
.hero-slider {
width: 100%;
height: auto;
outline: none;
}
.hero-shoot img {
outline: none;
max-width: 100%;
width: 100%;
height: auto;
}
/* .pl-96 {
padding-left:96px;
} */
.mb-35 {
margin-bottom: 35px !important;
}
.mb-67 {
margin-bottom: 32px !important;
}
.bold-widget {
font-weight: bold;
}
.info-style {
font-size: 16px;
line-height: 21px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
.title-container {
height: 248px;
color: #fff;
background-color: #a83238;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.title-homepage {
font-family: 'Noto Serif', serif;
font-size: 45px;
line-height: 58px;
font-weight: bold;
}
.content-homepage {
padding-top: 90px;
padding-bottom: 90px;
}
.content-homepage p {
margin-bottom: 20px;
}
.color-a83238 {
color: #a83238;
font-weight: bold;
}
.title-container .row {
/* padding-left: 45px; */
}
/* Hero slider */
.slide {
position: relative;
margin: 0;
padding: 0;
}
.slide>.slick-list,
.slide>.slick-list>.slick-track,
.slide>.slick-list>.slick-track>.slick-slide>div {
position: relative;
height: 100%;
}
.slick-slide.slick-current {
outline: none;
}
.slide-animation {
-webkit-animation: fadezoom 10s 0s forwards;
animation: fadezoom 10s 0s forwards;
}
@-webkit-keyframes fadezoom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@keyframes fadezoom {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
/*Hamburger menu*/
.hamburger-menu {
height: 201px;
width: 402px;
position: absolute;
z-index: 9999;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hamburger-menu .q {
height: 201px;
width: 201px;
}
.hamburger-menu .icon {
height: 201px;
width: 201px;
}
.main-menu {
position: fixed;
right: -848px;
top: 0;
height: 100vh;
background: #003242e0;
color: #fff;
z-index: 9999;
max-width: 848px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 800ms;
-o-transition: 800ms;
transition: 800ms;
}
.main-menu ul li {
margin-bottom: 46px;
}
.main-menu li {
list-style-type: none;
font-size: 36px;
line-height: 45px;
font-family: 'Noto Serif', serif;
font-weight: bold;
}
.main-menu a {
color: #fff;
text-decoration: none;
transition: 300ms;
}
.main-menu a:hover {
color: #a8a5a5;
transition: 300ms;
}
.main-menu ul {
margin: 0;
position: absolute;
width: 450px;
left: 98px;
}
.open {
right: 0;
-webkit-transition: 800ms;
-o-transition: 800ms;
transition: 800ms;
}
.icon {
cursor: pointer;
}
.exit-menu {
height: 28px;
width: 28px;
position: absolute;
top: 60px;
right: 60px;
cursor: pointer;
}
.section-scroll {
height: 85px;
width: 75px;
position: absolute;
z-index: 9999;
left: 64px;
bottom: 18%;
}
.section-scroll:hover {
cursor: pointer !important;
}
/* Header hamburger */
.header-hamburger-menu {
height: 50px;
width: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hamb-position {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.language-position {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.header-hamburger-menu .q {
height: 50px;
width: 50px;
}
.header-hamburger-menu .icon {
height: 50px;
width: 50px;
}
.pr-0 {
padding-right: 0;
padding-left: 0;
}
/* Template List */
.title-container-color-2 {
height: 248px;
color: #fff;
background-color: #c2996b;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 58px;
}
.title-list-page {
padding: 0px 55px;
font-family: 'Noto Serif', serif;
font-size: 45px;
line-height: 58px;
font-weight: bold;
}
.mb-0 {
margin-bottom: 0!important;
}
.mt-52 {
margin-top: 20px!important;
}
.title-normal {
font-family: 'Noto Serif', serif;
font-size: 45px;
line-height: 58px;
font-weight: bold;
}
.width-500 {
font-weight: 500 !important;
}
.style-list-items {
font-size: 24px;
line-height: 36px;
font-family: 'Roboto', sans-serif;
margin-bottom: 12px;
list-style: none;
font-weight: 300;
position: relative;
}
li.style-list-items::before {
content: "";
width: 22px;
height: 19px;
left: -31px;
top: 9px;
position: absolute;
background: url('https://dq.gta-design.com/wp-content/uploads/2021/02/right-arrow.svg') no-repeat;
}
a.contact-style.map-arrow {
position: relative;
}
a.map-arrow::after {
content: "";
width: 22px;
height: 19px;
right: -31px;
top: 10px;
position: absolute;
transition: 0.5s;
background: url('https://dq.gta-design.com/wp-content/uploads/2021/02/right-arrow.svg') no-repeat;
}
a.map-arrow:hover::after {
right: -37px;
transition: 0.5s;
}
.content-list-page {
padding: 60px 0px 100px 0px;
}
li.style-list-items::marker {
/* font-size: 12px; */
}
.symbol-size {
margin-left: 55px;
}
.symbol-size img {
height: 434px;
width: 222px;
}
.list-m {
padding-left: 40px;
}
#second-list-page li {
padding-right: 47px;
}
#first-list-page li {
padding-right: 15px;
}
/* Template Assessments */
.title-container-color-3 {
height: 248px;
color: #fff;
background-color: #8eae59;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 62px;
}
.normal-weight {
font-weight: 300;
}
.content-template p {
margin-bottom: 20px;
}
.assessment-content-padding {
padding-top: 60px;
padding-bottom: 62px
}
a.anchor-email {
color: #a83238;
text-decoration: none;
transition: 300ms;
}
a.anchor-email:hover {
color: #A9A9A9;
transition: 300ms;
}
.p-lr-100 {
padding: 0px 85px;
}
/* Template About */
.title-container-color-4 {
height: 248px;
color: #fff;
background-color: #fbae0b;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 61px;
}
.about-me-name {
font-size: 36px;
line-height: 45px;
font-weight: bold;
font-family: 'Noto Serif', serif;
margin-top: 74px;
color: #003242;
}
.education {
font-family: 'Noto Serif', serif;
color: #003242;
}
a.contact-style {
color: #a83238;
font-family: 'Noto Serif', serif;
font-size: 24px;
line-height: 36px;
text-decoration: none;
transition: 300ms;
}
a.contact-style:hover {
color: #A9A9A9;
transition: 300ms;
}
.m-0 {
margin-bottom: 0 !important;
}
.title-info {
font-size: 24px;
line-height: 36px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
margin-bottom: 15px;
margin-top: 36px;
color: #003242;
}
.about-list {
padding-left: 30px;
padding-right: 30px;
}
.about-list li {
margin: 0;
color: #003242;
word-break: break-word;
}
#about-page p {
padding-right: 65px;
}
.p-tb-about {
padding: 86px 0px 86px 0px;
padding-right: 0px;
padding-left: 0px;
padding-left: 15px;
padding-right: 15px;
}
/* Template Contact */
.lightboxOverlay {
z-index: 111111 !important;
}
.lightbox {
z-index: 999999 !important;
}
.title-container-color-5 {
height: 248px;
color: #fff;
background-color: #a83238;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 41px;
}
.p-tb-15 {
padding-top: 15px;
padding-bottom: 15px;
}
.contact-section {
font-size: 24px;
line-height: 36px;
font-family: 'Noto Serif', serif;
color: #003242;
}
.contact-section h3 {
font-weight: bold;
margin-top: 50px;
}
.contact-section h2 {
font-size: 36px;
line-height: 45px;
font-weight: bold;
font-family: 'Noto Serif', serif;
margin-bottom: 45px;
}
.gallery-title {
margin-bottom: 38px !important;
}
.p-title {
padding: 0px 85px;
}
.contact-container {
padding-top: 67px;
padding-bottom: 85px;
}
.pt-80 {
padding-top: 80px;
}
.contact-information {
padding: 21px 0px 19px 0px;
}
.contact-style img {
height: 19px;
width: 21px;
position: absolute;
left: 85px;
bottom: 7px;
}
/* Template Disclamer */
.title-container-color-6 {
height: 248px;
color: #fff;
background-color: #8099A1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 41px;
}
.pr-text-10 {
padding-right: 10px;
}
.disclamer-container {
padding-top: 60px;
padding-bottom: 60px;
}
.disclamer-section {
font-size: 24px;
line-height: 36px;
font-family: 'Noto Serif', serif;
}
.disclamer-section h3 {
font-size: 24px;
line-height: 36px;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
/* Template List 2 */
.title-container-color-7 {
height: 248px;
color: #fff;
background-color: #51bcc6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 56px;
}
.hamb-position {
display: none;
}
.visible-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.padding-logo {
padding: 0;
}
/*404*/
.not-found {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
text-align: center;
font-family: 'Roboto', sans-serif;
height: 100vh;
}
.not-found h1 {
font-size: 72px;
line-height: 0;
font-weight: bold;
}
.mb-30 {
margin-bottom: 30px;
}
.btn-home {
border: 1px solid #003242;
color: #fff;
background-color: #003242;
padding: 12px 50px;
border-radius: 50px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
a.btn-home {
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
a.btn-home:hover {
color: #003242 !important;
text-decoration: none;
}
.btn-home:hover {
border: 1px solid #003242;
background-color: inherit;
color: #003242;
background-color: none;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
@media only screen and (max-width:1536px) {
.section-scroll {
bottom: 90px;
}
}
@media only screen and (max-width:1366px) {
.hamburger-menu {
height: 160px;
width: 320px;
}
.hamburger-menu .q {
height: 160px;
width: 160px;
}
.hamburger-menu .icon {
height: 160px;
width: 160px;
}
.section-scroll {
bottom: 80px;
}
.footer-widget-1, .footer-widget-2 {
font-size: 24px;
line-height: 34px;
}
}
/* Responsive Website */
@media only screen and (max-width:1200px) {
.footer-menu {
padding-left: 60px;
}
.logo-header {
margin: 0px 20px;
text-align: left;
}
.title-container-color-4 .title-list-page {
padding: 0px 75px;
}
.section-scroll {
bottom: 50px;
width: 60px;
height: auto;
}
.logo-header-second {
margin: 0px 0px !important;
}
#first-list-page li,
#second-list-page li {
padding-right: 0px;
}
#about-page p {
padding-right: 0px;
}
.footer-widget-1, .footer-widget-2 {
font-size: 21px;
line-height: 32px;
}
p {
font-size: 20px;
line-height: 28px;
}
.style-list-items {
font-size: 20px;
line-height: 33px;
font-family: 'Roboto', sans-serif;
margin-bottom: 12px;
list-style: none;
list-style-type: none;
font-weight: 300;
position: relative;
}
}
@media only screen and (max-width:1024px) {
.logo-header {
margin: 0px 20px;
}
.title-container-color-4 .title-list-page {
padding: 0px 75px;
}
.hamburger-menu {
height: 120px;
width: 240px;
}
.hamburger-menu .q {
height: 120px;
width: 120px;
}
.hamburger-menu .icon {
height: 120px;
width: 120px;
}
}
@media only screen and (max-width:991px) {
.footer-menu {
padding-left: 15px;
}
.title-list-page {
padding: 0 15px;
}
.pr-text-10 {
padding: 0px 15px;
}
.padding-991-container {
padding: 0px 15px;
}
.logo-header {
display: block;
margin: 0px;
}
.hamb-position {
padding: 0px 15px;
}
.title-container-color-4 .title-list-page {
padding: 0px 55px;
}
.footer-widget-1,
.footer-widget-2 {
font-size: 24px;
line-height: 34px;
}
.footer-widget-2 {
display: block;
padding: 0px 15px;
}
.footer-menu {
margin-top: 40px;
}
.mb-67 {
margin-bottom: 40px !important;
}
.footer-p {
padding-top: 60px;
padding-bottom: 60px;
}
.title-container-color-2,
.title-container-color-3,
.title-container-color-4,
.title-container-color-5,
.title-container-color-6,
.title-container-color-7 {
padding-left: 0;
padding-right: 0;
}
.symbol-size {
margin: 0;
}
.symbol-position {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
align-items: center;
}
#second-list-page li {
padding-right: 0px;
}
#first-list-page li {
padding-right: 0px;
}
.title-container {
padding: 0;
}
.hamburger-menu {
height: 100px;
width: 200px;
}
.hamburger-menu .q {
height: 100px;
width: 100px;
}
.hamburger-menu .icon {
height: 100px;
width: 100px;
}
.section-scroll {
bottom: 40px;
width: 52px;
height: auto;
}
}
@media only screen and (max-width:767px) {
.content-homepage {
padding: 30px;
}
.content-list-page {
padding: 30px 15px;
}
.assessment-content-padding {
padding: 30px 15px;
}
.p-tb-about {
padding: 30px 15px;
}
.contact-container {
padding: 30px;
}
.contact-container .pt-80 {
padding-top: 60px;
}
.hamb-position {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#header {
height: 120px;
padding: 0 15px;
}
.container-pt-47 {
padding: 120px 0px 0px 0px;
}
.padding-logo {
padding: 0px 15px;
}
.title-container-color-2,
.title-container-color-3,
.title-container-color-4,
.title-container-color-5,
.title-container-color-6,
.title-container-color-7 {
height: inherit;
padding: 35px 0px 30px 0px;
}
.title-list-page,
.title-normal {
font-size: 28px;
line-height: 37px;
padding: 15px;
}
.title-container-color-4 .title-list-page {
padding: 0px;
}
.containt-side-margin {
margin: 0;
}
.footer-widget-2 {
display: block;
margin-top: 40px;
}
.footer-widget-1,
.footer-widget-2 {
font-size: 24px;
line-height: 32px;
}
.symbol-position {
display: -webkit-box;
display: -ms-flexbox;
display: none;
/*symbol is not visible on phone*/
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 60px;
}
.header-hamburger-menu {
height: 40px;
width: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-menu ul li {
word-break: break-word;
max-width: 400px;
margin: 23px auto;
padding: 0px 40px;
line-height: 39px;
}
.main-menu a {
font-size: 28px;
line-height: 36px
}
.main-menu ul {
width: inherit;
position: relative;
left: inherit;
}
.hamburger-menu {
display: none;
}
.section-scroll {
display: none;
}
.logo-mobile {
display: block;
max-width: 160px;
/*smaller for 1/3*/
height: auto;
}
.logo-desktop {
display: none;
}
p {
font-size: 20px;
line-height: 28px;
}
.style-list-items {
font-size: 18px;
line-height: 28px;
}
li.style-list-items::before {
content: "";
width: 19px;
height: 15px;
left: -27px;
top: 6px;
position: absolute;
background: url('https://dq.gta-design.com/wp-content/uploads/2021/02/right-arrow.svg') no-repeat;
}
a.map-arrow::after {
content: "";
width: 19px;
height: 14px;
right: -28px;
top: 7px;
position: absolute;
background: url('https://dq.gta-design.com/wp-content/uploads/2021/02/right-arrow.svg') no-repeat;
}
a.contact-style {
font-size: 18px;
line-height: 28px;
}
.about-me-name {
font-size: 28px;
line-height: 38px;
}
.title-info {
font-size: 20px;
line-height: 32px;
}
/* .style-list-items br {
display: none;
}*/
.contact-style img {
height: 15px;
width: 17px;
position: absolute;
left: 65px;
bottom: 6px;
}
.contact-section h2 {
font-size: 28px;
line-height: 34px;
margin-bottom: 40px;
}
.contact-section h3 {
font-size: 24px;
line-height: 28px;
}
.contact-section li {
font-size: 18px;
line-height: 28px;
}
.footer-widget-2 {
display: none;
}
.contact-email-in-widget {
display: block !important;
}
.title-container {
height: inherit;
padding: 35px 0px 30px 0px;
}
}
@media (min-width: 460px) and (max-width:575px) {
.footer-menu {
padding-right: 85px;
}
}
@media only screen and (max-width:370px) {
.main-menu ul li {
padding: 0px 25px;
}
.footer-widget-1,
.footer-widget-2 {
font-size: 21px;
line-height: 30px;
}
}