html body
{
margin:0;
padding:0;
font-size:100%;
overflow-x: hidden;
text-rendering: geometricPrecision;
}
p, h1, h2, h3, h4, h5, h6
{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a { text-decoration:none;
color: unset; }
/*--------------------------------------------------- pF CSS -----------------------------------*/
#info_content_container
{
width:100%;
height:100vh;
padding-top: 3.5%;
}
::-moz-selection { /* Code for Firefox */
background: #B3EFFF;
}
::selection {
background: #B3EFFF;
}
#personal_info_content
{
padding-left:18.5%;
width:auto;
padding-bottom:8%;
}
h1#emp_name
{
font-family: Fabriga-Light;
font-size:4.5rem;
font-weight:normal;
}
p.emp_desc
{
font-family: Fabriga-Light;
padding-right:22.5%;
font-size:1.65rem;
line-height:2.6rem;
}
#back_button p
{
margin-left: 18.3%;
font-family: Fabriga-Light;
}
#overlay
{
position:fixed;
background-color:white;
width:100%;
height:100%;
z-index:999999999;
background-image: url('./Utils/Icons/loading-icon.svg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: 5%;
}
#overlay img
{
width: 5%;
height: 5%;
margin-top: 23%;
margin-left: 45%;
}
#main_content_container
{
width:100%;
height:100vh;
}
#first_dialog
{
position:relative;
background-color:white;
padding-left:10%;
width:90%;
font-size:2.5rem;
min-height:375px;
overflow:hidden;
}
#we_are_container
{
position: sticky;
position: -webkit-sticky;
width:90%;
margin-left:10%;
background-color:rgb(32,32,32);
min-height:485px;
font-size:2.5rem;
position:absolute;
overflow:hidden;
padding-top:0;
margin-top:0;
}
#first_dialog h1
{
position: fixed;
width:100%;
height:100%;
top:207.3px;
color:rgb(32,32,32);
overflow:hidden;
padding-left:8.5%;
letter-spacing:-0.1rem;
font-size:7.1rem;
letter-spacing: -0.1rem;
font-family:Fabriga-Bold;
}
#we_are_container h1
{
color:white;
position:absolute;
padding-left:9.55%;
font-family: Fabriga-Bold;
font-size:7.1rem;
letter-spacing: -0.1rem;
opacity:0.40;
}
#we_are_tag
{
top: -352px;
}
#site_desc
{
position:relative;
background-color:white;
padding-left:18%;
padding-top:4%;
padding-bottom: 8%;
margin-top:485px;
}
.hidden p
{
opacity:0.1;
}
@keyframes fade-in {
from {opacity: 0.1 ; }
to {opacity: 1;}
}
@-webkit-keyframes expand-down {
0% { height: 0; }
100% { height: 30rem; }
}
@-moz-keyframes expand-down {
0% { height: 0; }
100% { height: 30rem; }
}
@-o-keyframes expand-down {
0% { height: 0; }
100% { height: 30rem; }
}
@keyframes expand-down {
0% {height: 0;}
100% { height: 100%; }
}
.fade-in-element p:nth-child(1){
animation: fade-in 1.8s;
}
.fade-in-element p:nth-child(2){
animation: fade-in 2.8s;
}
.fade-in-element p:nth-child(3){
animation: fade-in 3.8s;
}
.fade-in-element p:nth-child(4){
animation: fade-in 4.8s;
}
#voraco_gallery
{
position:relative;
padding-top:1%;
padding-bottom:1%;
width:100%;
height:100%;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
}
#pagination_bar
{
position:absolute;
right:16%;
bottom: 0%;
}
#pagination_bar p
{
font-family:Fabriga-Light;
font-size:0.95rem;
}
#image_container
{
width:80%;
height: 89%;
/*
background-image: url('./Utils/Case-study/Voraco_img_1.PNG');
background-position : center;
background-size : 100%;
background-repeat : no-repeat;
*/
position:absolute;
/*overflow:hidden;*/
}
#image_container img:hover
{
/*transform:scale(1.015,1.015);*/
}
#image_container img
{
position:absolute;
top:0;
left:0;
width:100%;
height:100% ;
-webkit-transition: opacity 1.2s ease-in-out;
-moz-transition: opacity 1.2s ease-in-out;
-o-transition: opacity 1.2s ease-in-out;
transition: opacity 1.2s ease-in-out;
transition:all ease-out 1.2s;
}
.transparent
{
opacity:0;
}
#image_container:hover #right_arrow
{
visibility:visible;
opacity: 0.5;
}
#right_arrow
{
position:absolute;
opacity:0;
top:50%;
right:6%;
width:26px;
transition: visibility 0s, opacity 0.2s linear;
}
#right_arrow img
{
width:100%;
height:auto;
cursor:pointer;
}
#image_container:hover #left_arrow
{
visibility:visible;
opacity: 0.5;
}
#gallery_image
{
transition:all ease .8s;
}
#left_arrow
{
position:absolute;
opacity:0;
top:50%;
left:6%;
width:26px;
transition: visibility 0s, opacity 0.2s linear;
}
#left_arrow img
{
width:100%;
height:auto;
cursor:pointer;
}
#site_desc p
{
font-size: 2.4rem;
font-family: Fabriga-Light;
line-height: 3rem;
padding-bottom: 0%;
padding-right: 24.6%;
}
#wtwedo_desc
{
position:relative;
background-color:white;
padding-left:18%;
padding-top:1%;
padding-bottom:5%;
width:82%;
}
.bold_statements
{
font-family:Fabriga-Bold;
font-size:2.35rem;
}
.bold_font
{
font-family:Fabriga-Regular;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size:1.81rem;
line-height: 2.5rem;
padding-right: 39%;
}
.close_gap_state
{
line-height:0.45rem;
}
#wtwedo_desc h4
{
font-family:Fabriga-Bold;
font-weight:normal;
font-size:1.35rem;
color:#A0A0A0;
padding-bottom:2%;
}
#wtwedo_desc p
{
font-size:2.15rem;
font-family:Fabriga-Light;
padding-right:0%;
}
h4#tags_title
{
font-family: 'Galaxie-mediumItalic';
font-size:1.2rem;
}
h4#tags_title .tags_title_big
{
font-size:1.15rem;
}
h4#tags_title .tags_title_small
{
font-size:0.85rem;
}
p.tags_values
{
font-family:Copernicus-Book !important;
font-size:1.1rem !important;
line-height: 2.1rem;
margin-top: -0.25%;
}
#sub_section_title p
{
font-family: Galaxie-mediumItalic;
padding-top:5%;
line-height:1.35rem;
font-size: 1.4rem;
}
.grey_colored
{
color:#A0A0A0;
}
#sub_section_container
{
width:76%;
height:auto;
}
.icon_holder
{
width:28px;
height:28px;
float:right;
margin-top:2.7%;
}
.icon_holder img
{
width:100%;
height:100%;
cursor:pointer;
}
#see_all_service_container
{
display:none;
/*background-color:#f2f2f2;*/
padding-top:1%;
transition: all ease 1s;
}
.custom_bg
{
background-color:#f2f2f2;
}
#see_all_service_container h4
{
margin-left:75%;
font-family: Fabriga-Light;
font-weight:normal;
cursor:pointer;
font-size:1.35rem;
}
#see_all_service_container h4:hover
{
text-decoration:underline;
}
#multi_sec_tab
{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
padding-left: 4%;
}
#multi_sec_tab div
{
flex-grow: 1;
}
#multi_sec_tab h5
{
padding-left:6%;
font-size:1rem;
line-height:0;
font-family:Fabriga-Bold;
}
#multi_sec_tab p
{
font-size:0.9rem !important;
}
#see_all_services_tab
{
height:auto;
max-height:0;
overflow:hidden;
transition:all ease 1s;
}
.see_tab.expand_me
{
max-height:800px !important;
}
#see_all_services_tab p
{
padding-left:6%;
padding-right:20%;
font-size:1.2rem;
line-height:1.5rem;
}
#lil_big_font
{
font-size:1.35rem;
}
.subsection_container
{
width:100%;
height:auto;
border-top:0.5px solid #CCCCCC;
transition:all ease .8s;
}
.subsection_container h2
{
font-size:1.85rem;
font-family:Fabriga-Medium;
}
.section_desc
{
transition:all ease 1s;
height:auto;
overflow:hidden;
max-height:0px;
}
.section_desc.expanded
{
max-height:800px;
}
.animate_me
{
-webkit-animation: expand-down 5s infinite; /* Safari 4+ */
-moz-animation: expand-down 5s infinite; /* Fx 5+ */
-o-animation: expand-down 5s infinite; /* Opera 12+ */
animation: expand-down 5s infinite; /* IE 10+, Fx 29+ */
}
.section_desc:hover
{
}
.section_desc p
{
font-size: 1.6rem !important;
line-height: 2.2rem;
}
p.tags_values
{
font-size:1.2rem !important;
line-height: 2.25rem;
padding-right:0% !important;
}
.tags_container
{
color:#686868;
}
.tags_container h4
{
line-height:0 rem;
}
#tags h4
{
line-height:0;
padding-bottom:0;
margin-top: 5%;
}
.not_active
{
display:none;
transition:all ease .8s;
}
.active
{
display:block;
transition:all ease .8s;
}
#wtwedont_desc
{
width:90%;
background-color:rgb(32,32,32);
min-height:300px;
margin-left:10%;
padding-top:2%;
padding-bottom:5%;
z-index:2;
}
#wtwedont_desc h4
{
color:#808080;
font-family:Fabriga-Bold;
padding-left:8.5%;
padding-top:3%;
font-size:1.45rem;
}
#wtwedont_desc p
{
padding-left:8.5%;
padding-right: 23%;
font-size: 2rem;
line-height:2.85rem;
color:white;
font-family:Fabriga-Light;
color:#B3B3B3;
}
.cusotm_animate
{
animation-duration: 2s;
animation-delay: 0.65s;
}
#voraco_bg_section
{
position:relative;
width:100%;
height:80%;
overflow:hidden;
}
#who_we_wrked_with_container
{
padding-top:9.5%;
padding-bottom:1%;
background-color:white;
position:relative;
width:82%;
padding-left:18%;
}
h3#wwwwc_title
{
font-family:Fabriga-Bold;
font-weight:normal;
font-size:1.4125rem;
color:#A0A0A0;
}
p#wwwc_desc
{
font-family:Fabriga-Light;
font-size: 1.85rem;
line-height: 2.4rem;
padding-bottom: 2%;
padding-right: 25%;
}
#clients_showcase_container
{
margin-bottom:3%;
margin-right:0%
}
span.dot_sign {
font-size: 1.5rem;
}
#clients_showcase_container h5
{
font-size:1.4rem;
font-weight:normal;
font-family:Galaxie-mediumItalic;
color:#A0A0A0;
margin-top: 1.5%;
margin-bottom:0.25%;
padding-bottom:1%;
}
#clients_showcase_container p
{
}
#why_voraco_container
{
width:82%;
height:auto;
position:relative;
background-color:white;
padding-left:18%;
padding-top:0%;
padding-bottom:14%;
}
h2#wv_title
{
font-family:Fabriga-Bold;
color:#B3B3B3;
font-size:1.25rem;
padding-bottom:2%;
}
h4.wv_sub_title
{
font-family:Fabriga-Bold;
color:black;
font-size:1.35rem;
line-height:0;
}
p.wv_desc
{
font-family:Fabriga-Light;
color:black;
font-size:1.65rem;
line-height:2.6rem;
padding-bottom:4%;
padding-right: 22%;
}
#top_bg_roller
{
width:55%;
height:auto;
position:absolute;
right:0;
top:-2%;
padding:0;
margin:0;
right: -1.75%;
}
#bottom_bg_roller
{
width:55%;
height:auto;
position:absolute;
bottom: -1%;
}
#bottom_bg_roller img
{
width:100%;
height:100%;
}
#top_bg_roller img
{
width:100%;
height:100%;
}
#bg_design_element
{
background-color:#F2F2F2;
width:90%;
height:100%;
}
.animated {
animation-duration: 0.6s !important;
animation-delay: 0.2s !important;
}
#grid_container
{
position: relative;
width: 100%;
min-height: 600px;
background-image: url('./Images/Vooraco Seal.svg');
background-position: 1% 0%;
background-size: 56%;
background-repeat: no-repeat;
padding-top: 10.8%;
}
.hide_it
{
display:none;
}
.hori_holder
{
width:100%;
height:250px;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
margin:0;
padding:0;
}
.tiles
{
height:100%;
margin:0;
padding:0;
width:16.66666667%;
}
.tiles a
{
text-decoration:none;
}
.tiles span
{
font-family: Fabriga-Light;
}
.top_title_pos p
{
font-family: Fabriga-Light;
margin:0;
font-size: 1.85rem;
line-height: 2.2rem;
position:relative;
padding-left:9.5%;
padding-top:9.5%;
}
.top_title_pos a
{
text-decoration:none;
color:none;
}
.bottom_title_pos p
{
font-family: Fabriga-Light;
margin:0;
font-size: 1.85rem;
line-height: 2.2rem;
padding-top:63%;
padding-left:9.5%;
position:relative;
}
.meet_the_team_title p
{
color:#B3B3B3;
padding-left:9.5%;
font-size:1.45rem;
line-height:1.8rem;
font-family:Fabriga-Bold;
margin-top:68%;
}
p.meet_the_team_title
{
}
#varangi_post
{
font-size:1.35rem;
line-height:1.8rem;
}
#varangi_post p
{
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.2s linear;
transition:all ease 2s;
position:relative;
padding-left:3.5%;
margin-top:32%;
}
#varangi_tile:hover #varangi_post p {
visibility:visible;
opacity: 1;
}
#suhani_post
{
font-size:1.35rem;
line-height:1.8rem;
}
#suhani_post p
{
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.2s linear;
transition:all ease 2s;
position:relative;
padding-left:3.5%;
margin-top:-89%;
}
#suhani_tile:hover #suhani_post p {
visibility:visible;
opacity: 1;
}
#shreekanth_post
{
font-size:1.35rem;
line-height:1.8rem;
}
#shreekanth_post p
{
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.2s linear;
transition:all ease 2s;
position:relative;
padding-left:3.5%;
margin-top:32%;
}
#shreekanth_tile:hover #shreekanth_post p {
visibility:visible;
opacity: 1;
}
#shreedavy_post
{
font-size:1.35rem;
line-height:1.8rem;
}
#shreedavy_post p
{
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.2s linear;
transition:all ease 2s;
position:relative;
}
#shreedavy_tile:hover #shreedavy_post p
{
visibility:visible;
opacity: 1;
}
#richa_post
{
font-size:1.35rem;
line-height:1.8rem;
}
#richa_post p
{
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.2s linear;
transition:all ease 2s;
position:relative;
padding-left:3.5%;
margin-top:38%;
}
#richa_tile:hover #richa_post p
{
visibility:visible;
opacity: 1;
}
#pramod_post
{
padding-left:2%;
font-size:1.35rem;
}
#pramod_post p
{
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.2s linear;
transition:all ease 2s;
position:relative;
padding-left:3.5%;
margin-top:-89%;
}
#pramod_tile:hover #pramod_post p
{
visibility:visible;
opacity: 1;
}
#shreedavy_tile span p
{
font-size:1.55rem;
line-height:1.6rem;
position:relative;
}
#richa_tile span p
{
font-size:1.55rem;
line-height:1.6rem;
position:relative;
}
#pramod_tile span p
{
font-size:1.55rem;
line-height:1.6rem;
position:relative;
}
#pramod_post{
text-align: justify;
}
#pramod_post:after {
content: "";
display: inline-block;
width: 100%;
}
#image_1 img
{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
width:100%;
height:100%;
transition:all ease 1s;
}
#image_1 img:hover
{
-webkit-filter: grayscale(30%);
filter:grayscale(0.85);
}
#image_2 img
{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
width:100%;
height:100%;
transition:all ease 1s;
}
#image_2 img:hover
{
-webkit-filter: grayscale(30%);
filter:grayscale(0.85);
}
#image_3 img
{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
width:100%;
height:100%;
transition:all ease 1s;
}
#image_3 img:hover
{
-webkit-filter: grayscale(30%);
filter:grayscale(0.85);
}
#row_2
{
}
#row_3
{
background-color:#333333;
}
#row_4
{
background-color:#333333;
}
#varangi_tile
{
background-color:#999999;
transition:all ease 0.8s;
}
#varangi_tile:hover
{
/* background: #999999; /* fallback for old browsers */
/*background: -webkit-linear-gradient(to top, #243B55, #999999); /* Chrome 10-25, Safari 5.1-6 */
/*background: linear-gradient(to top, #243B55, #999999); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#suhani_tile
{
background-color:#CCCCCC;
cursor:pointer;
}
#shreekanth_tile
{
background-color:#999999;
cursor:pointer;
}
#shreedavy_tile
{
background-color:#999999;
cursor:pointer;
}
#richa_tile
{
background-color:#CCCCCC;
cursor:pointer;
}
#pramod_tile
{
background-color:#999999;
cursor:pointer;
}
#white_tile
{
background-color:white;
cursor:pointer;
}
#grey_tile
{
background-color:#E6E6E6;
cursor:pointer;
}
.mobile_only
{
display:none;
}
#voraco_seal
{
position:absolute;
top:0;
height:5%;
width:5%;
}
img#seal {
width: auto;
height: 18%;
position: absolute;
top: -9%;
z-index: 9999;
left: 22.5%;
}
#footer_container
{
width:82%;
padding-left:18%;
background-color:#333333;
padding-top:5%;
padding-bottom:8%;
}
h3#contact_title
{
font-family:Fabriga-Bold;
font-size:1.4125rem;
color:#B3B3B3;
}
p#p_desc
{
font-family: Fabriga-Light;
font-size: 1.81rem;
line-height: 1.35rem;
margin-bottom:3.5%;
color: #B3B3B3;
margin-top: 3%;
}
input.contact_input_ele
{
background-color:#565555;
border:none;
width:76%;
padding-top:1%;
padding-bottom:1%;
padding-left:2%;
margin-bottom:4%;
font-family:Fabriga-Light;
color:#999999;
font-size:1.41rem;
}
textarea.contact_input_ele
{
background-color:#565555;
border:none;
width:76%;
max-width:76%;
min-width:73%;
padding-top:1%;
padding-bottom:1%;
padding-left:2%;
margin-bottom:4%;
font-family:Fabriga-Light;
color:#999999;
font-size:1.41rem;
height:13rem;
}
input#submit_button
{
display:none !important;
background-color:#565555;
text-align:left;
width:11%;
border:none;
color:#B3B3B3;
font-size:1.31rem;
margin-right: 22%;
padding-top:1%;
padding-bottom:1%;
padding-right:1.25%;
padding-left: 2%;
transition:all ease .8s;
}
input#submit_button:after
{
content:"\e800";
}
.point-btn
{
width: 148px;
height: 34px;
background: orange;
position: relative;
-moz-border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
margin-top:5%;
}
.point-btn:before
{
content:"";
position: absolute;
left: 148px;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-left: 14px solid orange;
border-bottom: 17px solid transparent;
}
.point-btn:after {
content:"";
position: absolute;
left: 147px;
width: 0;
height: 0;
top: 4px;
border-top: 13px solid transparent;
border-left: 10px solid orange;
border-bottom: 13px solid transparent;
}
.point-btn span {
width: 142px;
background: #fff;
height: 34px;
position: absolute;
line-height: 34px;
font-family: Fabriga-Light;
}
input#submit_button:hover
{
background-color:#FCFCFC;
color:#333333;
border:0.5px solid #333333;
cursor:pointer;
}
#footer_notes
{
}
#footer_notes h6
{
color:#B3B3B3;
margin-top: 8%;
margin-bottom: 3%;
font-size:1.25rem;
font-family:Fabriga-Medium;
line-height:0;
}
#footer_notes p
{
color:#808080;
font-family:Fabriga-Light;
font-size:1.15rem;
margin-top: -1.65%;
line-height: 2rem;
}
div.social_icons
{
position: absolute;
display: flex;
height: 4.5%;
width: 12%;
right: 17%;
margin-top: -4.7%;
}
a.social_href_tag
{
width:33%;
height:auto;
}
a.social_href_tag img
{
width:100%;
height:100%;
}
#copyright {
font-family: Fabriga-Light;
color: #808080;
font-size: 0.95rem;
margin-top:-3.1%;
padding-bottom: 2%;
text-align: right;
margin-right:21.9%;
}
#mail_sent_confirmation
{
color:#808080;
font-family:Fabriga-Light;
font-size:1.15rem;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
}
#mail_sent_confirmation p
{
padding-left:3%;
}
#mail_sent_confirmation svg
{
width:32px;
height:auto;
}
.circ{
opacity: 0;
stroke-dasharray: 130;
stroke-dashoffset: 130;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
stroke: greeen;
}
.tick{
stroke-dasharray: 50;
stroke-dashoffset: 50;
-webkit-transition: stroke-dashoffset 1s 0.5s ease-out;
-moz-transition: stroke-dashoffset 1s 0.5s ease-out;
-ms-transition: stroke-dashoffset 1s 0.5s ease-out;
-o-transition: stroke-dashoffset 1s 0.5s ease-out;
transition: stroke-dashoffset 1s 0.5s ease-out;
}
.drawn + svg .path{
opacity: 1;
stroke-dashoffset: 0;
}
#processing_Msg
{
transition: all ease .8s;
display:none;
}
#confirm_msg
{
transition: all ease .8s;
display:none;
}
.desktop_only
{
display:block;
}
.mobile_only
{
display:none;
}
#table_container
{
width:100%;
height:auto;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
border-top:0.5px solid #B3B3B3;
border-bottom: 0.5px solid #B3B3B3;
flex-wrap: wrap;
padding-top: 4%;
}
.column
{
flex-grow: 1;
display:block;
font-size:1.35rem;
font-family: Fabriga-Medium;
color:#999999;
margin-top: -4%;
}
/*----------------------------------------------------NEW ELEMENTS CSS 1/17---------------------------------------------*/
#site_desc p#read_more_header
{
font-size:1.55rem;
margin-top: 2%;
}
p#read_more_header:hover
{
cursor:pointer;
}
p#read_less_header:hover {
cursor: pointer;
}
#site_desc p#read_less_header {
display:none;
font-size: 1.55rem;
margin-top: 2%;
margin: 0;
text-align: left;
color:#666666;
}
div.header_hidden_content
{
transition: all ease 1.2s;
height: auto;
overflow: hidden;
max-height: 0px;
opacity:0;
}
.header_content_expand
{
transition: all ease 1.2s;
max-height:1000px !important;
opacity:1 !important;
}
span#V,span#O,span#R,span#A,span#C,span#O2
{
position:absolute;
font-family:Fabriga-Regular;
font-size:24rem;
color:#b3b3b3;
padding-top: 10%;
padding-bottom: 12.5%;
}
span#V
{
left:-3.1vw;
}
span#O
{
left:13.5vw;
}
span#R
{
left:32.13vw;
}
span#A
{
left:48.498vw;
}
span#C
{
left:65.064vw;
}
span#O2
{
left:83.3vw;
}
#top_para
{
opacity:1;
}
#btm_para
{
opacity:1;
}
#voraco_bg_section
{
height:51%;
background: white;
padding-top: 12.5%;
padding-bottom: 12.5%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NEW VORACO SECTION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.main_gallery {
width: 100%;
height: 86%;
overflow:hidden;
}
.gallery_cell
{
width: 65.4%;
height: 100%;
margin-right: 6.9%;
padding-left: 18%;
}
.flickity-viewport
{
height:100% !important;
}
.flickity-slider {
height: 100%;
}
.cell_one
{
background-color:#B3EFFF;
background-image: url('./Images/WhyVoraco_01_BgAsset.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: 112% 4vw;
}
.flickity-page-dots li:nth-child(1).is-selected
{
background-color: #52C6DA !important;
}
.flickity-page-dots li:nth-child(2).is-selected
{
background-color: #5E9B45 !important;
}
.flickity-page-dots li:nth-child(3).is-selected
{
background-color: #FAA74A !important;
}
.flickity-page-dots .dot
{
display: inline-block;
width: 40px !important;
height: 2.5px !important;
margin: 0 8px !important;
background: #333;
border-radius:unset !important;
opacity: 0.25;
cursor: pointer;
background: white !important;
opacity: 1 !important;
padding-top: 0.2% !important;
}
.flickity-page-dots
{
position:absolute;
text-align:left !important;
margin-top: -5%;
padding-left:18% !important;
width:100%;
}
.cell_one h2.why_header
{
color:#52C6DA;
}
.cell_two h2.why_header
{
color:#5E9B45;
}
.cell_three h2.why_header
{
color:#FAA74A;
}
.cell_two
{
background-color:#ABED96;
background-image: url('./Images/WhyVoraco_02_BgAsset.svg');
background-size: 37%;
background-repeat: no-repeat;
background-position: 97% -5vw;
}
.cell_three
{
background-color:#FEE488;
background-image: url('./Images/WhyVoraco_03_BgAsset.svg');
background-size: 33%;
background-repeat: no-repeat;
background-position: 96% 4vw;
}
.is-selected h1
{
transition: all ease-out 1.65s;
}
.is-selected h3
{
opacity:1 !important;
line-height:0 !important;
transition: all ease-in-out 0.55s;
}
.is-selected p
{
opacity:1 !important;
transition: all ease-in-out 0.55s;
}
.is-selected.dot
{
background:black !important;
}
.client_brands
{
width:100%;
height:auto;
margin-bottom: 3%;
}
.client_brands a
{
text-decoration:none;
color:unset;
}
.client_brands p
{
display:inline;
font-family: Fabriga-Light;
font-size: 2.225rem;
line-height: 3.8rem;
color: #323232;
cursor: default;
}
.dotla:before
{
content:" \B7 ";
font-size:2.7rem;
text-decoration: none;
display:inline-block;
color:#A0A0A0;
margin-left: 1%;
margin-right: 1%;
font-family: Fabriga-Bold;
}
.dotla:before:hover
{
color:#B3B3B3 !important;
}
h2.why_header
{
font-family: Fabriga-Bold;
font-size:1.4125rem;
padding-bottom: 2%;
padding-top: 9%;
}
h3.why_sub_heading
{
font-family: Fabriga-Bold;
color: black;
font-size: 1.85rem;
line-height:0;
opacity:0;
transition-delay:0.35s;
line-height:0.85;
}
p.why_desc
{
font-family: Fabriga-Light;
color: black;
font-size: 1.85rem;
line-height:2.6rem;
opacity:0;
margin-top:0%;
padding-right: 2%;
transition-delay:0.35s;
}
#image_4 img
{
float: right;
margin-top: 32%;
width: 70%;
}
.msg_container span
{
width: 60px;
height: 60px;
}
p#read_more_header
{
font-family:Fabriga-Light;
color:#666666;
}
#image_4 img {
float: right;
margin-top: 32%;
width: 70%;
}
.flickity-button {
position: absolute;
background-color:unset;
transition: all ease 0.8s;
border:1.8px solid white;
color: #333;
}
.flickity-button:hover > .color_one
{
fill:#ABED96;
}
.flickity-button:hover > .color_two
{
fill:#FEE488;
}
.flickity-button:hover > .color_three
{
fill:#B3EFFF;
}
.flickity-button:hover
{
background-color:white;
}
.flickity-prev-next-button.previous:hover
{
cursor:pointer;
}
.flickity-prev-next-button.next:hover
{
cursor:pointer;
}
.flickity-prev-next-button {
width: 56px;
height: 56px;
border-radius: 50%;
transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 25px;
top:50%;
}
.flickity-prev-next-button.next {
right: 25px;
top:50%;
}
svg.flickity-button-icon {
width: 70%;
height: auto;
fill:white;
margin-right: 17%;
}
.flickity-enabled
{
position:relative;
}
a.mailto_href
{
text-decoration:none;
color:unset;
border-bottom: 1.05px solid #808080;
}
a.mailto_href:hover {
}
.upload_input {
position: absolute;
z-index: -1;
opacity: .00001;
color: #fff;
pointer-events: none;
resize: none;
}
#attach_icon {
z-index: 999;
}
.msg_container
{
position: relative;
display: inline-block;
width: 100%;
}
.msg_container span {
position: absolute;
top: 6%;
right: 23%;
width: 42px;
height: 41px;
}
.attachment {
background-image: url(./Images/attachment.svg);
background-size: contain;
background-position: 100%;
background-repeat: no-repeat;
cursor: pointer;
}
.main_gallery:focus
{
outline:none;
}
span#file_names
{
padding-right: 5%;
font-family: Fabriga-Light;
color: #B3B3B3;
margin-top: 0%;
margin-bottom: 3%;
width: 12%;
}
#file_names p {
margin-top: 1%;
margin-bottom: 2%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
text-align: right;
}
.desktop_only_flex
{
display:unset;
}
div.sub_btn
{
width:9%;
padding-left:2%;
font-family:'Fabriga-Light';
font-size:1.3125rem;
background-color:#565555;
margin-top:0%;
padding-top: 1.25%;
padding-bottom: 1.25%;
cursor:pointer;
}
.sub_btn p {
display: inline;
color: #B3B3B3;
font-size: 1.4rem;
}
.btn_arrw img
{
width:12.5%;
height:auto;
}
div.sub_btn:hover > .btn_arrw img
{
width:100%;
}
p#fill_form
{
position: absolute;
left: 15%;
display:none;
}
/* WORK CLICKABLE CSS */
.work_clickable
{
margin-bottom: 8%;
}
.work_clickable h4
{
font-family: 'Galaxie-mediumItalic';
padding-top: 4%;
line-height: 1.35rem;
font-size: 1.4rem;
margin-bottom: 1.8%;
color:#1a1a1a;
font-weight: normal;
}
.underline_goto
{
/* border-bottom:2px solid #6ad48f; */
display: inline-block;
line-height:1vw;
/* text-shadow:
2px 2px white,
2px -2px white,
-2px 2px white,
-2px -2px white; */
text-decoration-color: #2e96f5;
transition: all ease-in-out 0.5s;
}
.underline_goto:hover
{
text-decoration:underline;
text-decoration-color: #2e96f5;
transition: all ease-in-out 0.5s;
}
.work_clickable p
{
font-family: Fabriga-Light;
font-size: 1.85rem;
line-height: 2.4rem;
padding-bottom: 2%;
margin-top: 1%;
padding-right: 25%;
}
#goto_work svg
{
width: 1%;
margin-left: 0.7%;
transition: all ease-in-out 0.5s;
}
.goto_href
{
text-decoration:none;
}
.goto_href:hover #goto_work svg
{
transition: all ease-in-out 0.5s;
transform: translate(5px, -3px);
}
a.client_clickable_href:hover
{
border-bottom: 0.1px solid #808080;
}
@media only screen and (min-device-width:320px) and (max-device-width:1024px)
{
.desktop_only_flex
{
display:none !important;
}
p#read_more_header {
font-size: 2.05rem !important;
}
p#read_less_header {
font-size: 2.05rem !important;
}
p.wtwedo_desc_sec
{
padding-right:16%!important;
}
#site_desc p {
padding-right:8.5% !important;
line-height: 4.5rem;
}
#site_desc
{
padding-right:8.5% !important;
}
.header_content_expand
{
max-height:2000px !important;
}
#copyright
{
margin-top: 0%;
text-align:left;
}
.sub_btn p {
font-size: 1.9125rem;
}
div.sub_btn
{
width: 16%;
}
.btn_arrw img {
width: 13%;
}
div.social_icons
{
position: relative;
display: flex;
height: auto;
width: 25%;
margin-left: 17.5%;
margin-top: 6%;
margin-bottom: 6%;
}
a.social_href_tag {
width: 20%;
height: auto;
margin-right: 13.333%;
}
textarea.contact_input_ele {
max-width: 82%;
}
#copyright {
font-size: 1.15rem;
}
#footer_notes {
margin-top: 13%;
}
}
/* ---------------------------------------------------------Media Query for 375 x 812 IPhone X and Iphone 6/7/8 plus --------------------------------------------*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3)
{
#first_dialog
{
min-height: 1058px;
}
#we_are_container
{
min-height: 1058px;
}
#site_desc
{
margin-top: 1058px;
}
#first_dialog h1
{
top: 860px;
font-size: 7.5rem;
}
#we_are_container h1
{
font-family: Fabriga-Bold;
font-size: 7rem;
opacity: 0.40;
}
#site_desc p
{
font-size: 2.56rem;
line-height: 4.2rem;
padding-right: 7.6%;
}
.desktop_only
{
display:none;
}
#image_container
{
width: 100%;
height: 100%;
}
#voraco_gallery
{
width: 100%;
height: 32%;
}
#left_arrow
{
opacity:1;
top: 44%;
right: 6%;
width: 40.1px;
}
#right_arrow
{
opacity:1;
top: 44%;
right: 6%;
width: 40.1px;
}
#pagination_bar p
{
font-family: Fabriga-Light;
font-size: 2.05rem;
}
#pagination_bar
{
right: 3%;
bottom: 0%;
}
#wtwedo_desc p
{
font-size: 2.35rem;
}
#wtwedo_desc h4
{
font-size: 2.25rem;
padding-top: 6%;
}
.subsection_container h2
{
font-size: 2.15rem;
font-family: Fabriga-Bold;
}
.icon_holder
{
width: 42px;
height: 42px;
margin-top: 4.6%;
}
.close_gap_state
{
line-height: 1.25rem;
}
.section_desc p
{
font-size: 2.15rem !important;
line-height: 2.8rem;
}
.section_desc.expanded
{
max-height:1600px;
}
#wtwedont_desc p
{
font-size: 2.65rem;
line-height: 3.5rem;
}
#wtwedont_desc h4
{
font-size: 1.85rem;
}
.mobile_only
{
display:block;
}
.hori_holder_mob
{
width:100%;
height:490px;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
margin:0;
padding:0;
}
.tiles_mob
{
width:100%;
height:100%;
display:block;
}
.tiles_mob p
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob h4
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob img
{
width:100%;
height:100%;
}
.meet_team_mob p
{
margin-left:18%;
margin-top:68%;
}
.grey_bg_mob
{
background-color: #999999;
}
.silver_bg_mob
{
background-color:#CCCCCC;
}
.member_title_mob h4
{
font-family:Fabriga-Light;
font-weight:normal;
padding-top: 25%;
text-align: center;
}
.profile_title_mob p
{
text-align:center;
font-family:Fabriga-Light;
font-weight:normal;
padding-top: 4%;
font-size: 2.6rem;
}
}
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3)
{
#first_dialog
{
min-height: 1058px;
}
#we_are_container
{
min-height: 1058px;
}
#site_desc
{
margin-top: 1058px;
}
}
/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
.desktop_only
{
display:none !important;
}
.hidden p
{
opacity: 1;
}
.mobile_only
{
display:inline;
}
#header_mob
{
width:91.5%;
padding-left:8.5%;
padding-top:24%;
background-color:white;
}
#header_mob h2
{
padding-top:24%;
line-height:0;
font-family: Fabriga-Bold;
font-size: 4.2rem;
padding-left:8.5%;
}
#header_mob h4
{
line-height:0;
font-family:Fabriga-Regular;
font-size: 4.2rem;
padding-left:8.5%;
}
#site_desc
{
margin-top: 0px !important;
padding-right: 16%;
padding-left:8.5%;
}
#site_desc p
{
font-size: 3.05rem !important;
line-height: 4.5rem !important;
padding-right: 0;
}
#voraco_gallery_mob
{
position:relative;
padding-top:1%;
padding-bottom:1%;
width:100%;
height:100%;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
}
#pagination_bar_mob
{
position:absolute;
right:2%;
bottom: 0%;
z-index:999;
}
#pagination_bar_mob p
{
font-family:Fabriga-Light;
font-size: 2.75rem;
}
#image_container_mob
{
width:100%;
height: 100%;
position:absolute;
/*
background-image: url('./Utils/Case-study/Voraco_img_1.PNG');
background-position : center;
background-size : 100%;
background-repeat : no-repeat;
*/
/*overflow:hidden;*/
}
#image_container_mob img
{
position:absolute;
top:0;
left:0;
width:100%;
height:100% ;
-webkit-transition: opacity 1.2s ease-in-out;
-moz-transition: opacity 1.2s ease-in-out;
-o-transition: opacity 1.2s ease-in-out;
transition: opacity 1.2s ease-in-out;
transition:all ease-out 1.2s;
}
.transparent
{
opacity:0;
}
#image_container:hover #right_arrow
{
visibility:visible;
opacity: 0.5;
}
#right_arrow_mob
{
position:absolute;
opacity:1;
top:50%;
right:6%;
width:74px;
z-index:999;
}
#right_arrow_mob img
{
width:100%;
height:74px;
cursor:pointer;
}
#image_container:hover #left_arrow
{
visibility:visible;
opacity: 0.5;
}
#gallery_image
{
transition:all ease .8s;
}
#left_arrow_mob
{
position:absolute;
opacity:1;
top:50%;
left:6%;
width:74px;
z-index:999;
}
#left_arrow_mob img
{
width:100%;
height:74px;
cursor:pointer;
}
#wtwedo_desc h4
{
font-size: 2.15rem;
padding-top: 6%;
padding-bottom: 2%;
}
.close_gap_state
{
line-height: 3.85rem;
}
.bold_statements
{
font-size: 3.25rem;
}
#wtwedo_desc p
{
font-size: 3.15rem;
padding-right: 1%;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 3.21rem;
line-height: 4.9rem;
padding-right: 16%;
}
#wtwedo_desc
{
width: 91.5%;
padding-left: 8.5%;
}
.mobile_only_inline
{
display:inline-block;
}
#sub_section_container
{
width: 80%;
}
#sub_section_title p
{
font-size: 2.5rem;
}
#sub_section_title p
{
line-height: 1.35rem;
font-size: 2.5rem;
}
.subsection_container h2
{
font-size: 2.65rem;
}
.icon_holder
{
width: 62px;
height: 62px;
float: right;
margin-top: 4.1%;
}
.section_desc p
{
font-size: 2.95rem !important;
line-height: 3.75rem;
padding-right: 0;
}
.section_desc.expanded
{
max-height:2000px;
}
h4#tags_title .tags_title_big
{
font-size: 3.65rem;
}
h4#tags_title .tags_title_small
{
font-size: 2.25rem;
}
p.tags_values
{
font-family: Copernicus-Book;
font-size: 2rem !important;
line-height: 3.8rem;
}
#wtwedont_desc {
width: 87.5%;
margin-left: 0%;
padding-right: 12.5%;
}
#wtwedont_desc h4
{
font-size: 2.45rem;
}
#wtwedont_desc p {
font-size: 3.35rem;
line-height: 3.95rem;
padding-right: 0;
}
#top_bg_roller {
width: 90%;
}
#bottom_bg_roller {
width: 90%;
}
#bg_design_element
{
width: 100%;
}
#who_we_wrked_with_container {
padding-left: 8.5%;
}
h3#wwwwc_title {
font-size: 2.15rem;
}
p#wwwc_desc {
font-size: 3.15rem;
line-height: 3.75rem;
}
#clients_showcase_container h5 {
font-size: 1.75rem;
}
#clients_showcase_container p
{
font-size: 3.45rem;
font-family: Fabriga-Regular;
line-height: 5.35rem;
}
.dotla:before
{
font-size: 4.1rem;
margin-right: 2%;
margin-left: 2%;
line-height: 5.6rem;
font-weight: bold;
font-family: Fabriga-Bold;
}
#why_voraco_container {
width: 91.5%;
padding-left: 8.5%;
padding-top: 0%;
}
h2#wv_title {
font-size: 2.15rem;
}
h4.wv_sub_title
{
font-size: 2.2rem;
}
p.wv_desc {
font-size: 2.15rem;
line-height: 3.3rem;
}
.tiles_mob img
{
-webkit-filter: grayscale(100%);
filter: grayscale(1);
}
.hori_holder_mob
{
width:100%;
height:490px;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
margin:0;
padding:0;
}
.tiles_mob
{
width:100%;
height:100%;
display:block;
}
.tiles_mob p
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob h4
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob img
{
width:100%;
height:100%;
}
.meet_team_mob p
{
margin-left:8.5%;
margin-top:68%;
}
.grey_bg_mob
{
background-color: #999999;
}
.dark_grey_bg_mob
{
background-color:#666666;
}
.black_bg_mob
{
background-color:#333333;
}
.silver_bg_mob
{
background-color:#CCCCCC;
}
.member_title_mob h4 {
font-family: Fabriga-Light;
font-weight: normal;
padding-top: 0%;
text-align: left;
padding-left: 8.5%;
font-size: 3.05rem;
line-height: 3.9rem;
}
.profile_title_mob p
{
text-align:center;
font-family:Fabriga-Light;
font-weight:normal;
padding-top: 4%;
font-size: 2.6rem;
}
#footer_container {
width: 91.5%;
padding-left: 8.5%;
}
h3#contact_title
{
font-family: Fabriga-Bold;
font-size: 2.15rem;
}
p#p_desc {
font-size: 2.31rem;
line-height: 3.25rem;
padding-right: 29.1%;
}
input.contact_input_ele
{
width: 82%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
margin-bottom: 6%;
font-size: 2.1rem;
}
textarea.contact_input_ele
{
width: 82%;
padding-top: 2%;
padding-bottom: 1%;
padding-left: 3%;
margin-bottom: 4%;
font-family: Fabriga-Light;
font-size: 2rem;
height: 15rem;
}
input#submit_button {
display:none !important;
width: 26%;
font-size: 2rem;
float: left;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2.25%;
}
#footer_notes h6 {
color: #B3B3B3;
margin-top: 8%;
font-size: 1.6rem;
}
#footer_notes p {
font-size: 1.55rem;
/* line-height: 0; */
margin-top: -1%;
}
#mail_sent_confirmation p {
padding-right: 31%;
}
#back_button p {
margin-left: 8.5%;
font-size: 1.95rem;
}
#personal_info_content {
padding-left: 8.5%;
}
#info_content_container h1 {
font-size: 5rem;
}
#info_content_container p
{
font-size: 2.55rem;
line-height: 3.5rem;
}
/* ------------------------------------------------------- NEW ELEMENTS 1/17 --------------------------------- */
#site_desc
{
padding-top: 0;
margin-toP: 0;
padding-left:8.5%;
}
p#read_more_header
{
font-size: 2.05rem !important;
}
.msg_container span
{
position: absolute;
top: 6%;
right: 17%;
}
.client_brands p
{
display: inline;
font-family: Fabriga-Light;
font-size: 2.525rem;
line-height: 3.65rem;
}
#who_we_wrked_with_container
{
width: 91.5%;
padding-left: 8.5%;
}
#clients_showcase_container h5
{
font-size: 2.3rem;
margin-bottom: 5%;
}
p#wwwc_desc
{
font-size: 3.15rem;
line-height: 3.75rem;
padding-right: 10%;
}
.gallery_cell
{
padding-left: 0%;
}
h2.why_header
{
font-size: 2.75rem;
padding-left: 8.5%;
}
h3.why_sub_heading
{
font-size: 2.95rem;
padding-left: 8.5%;
}
p.why_desc
{
padding-left: 8.5%;
padding-right:8%;
font-size: 3.25rem;
line-height: 4.2rem;
}
.flickity-prev-next-button.previous
{
left: 2.5px;
}
.flickity-prev-next-button.next
{
right: 2.5px;
}
.flickity-prev-next-button
{
width: 6.5%;
height: 6.5%;
}
.main_gallery
{
width: 100%;
height: 74%;
}
.flickity-page-dots .dot
{
width: 127px !important;
height: 15px !important;
margin: 0 0;
margin-right: 25px !important;
}
.flickity-page-dots
{
margin-top: -7%;
}
.gallery_cell
{
width: 100%;
height: 100%;
}
#voraco_bg_section
{
height: 17.2%;
padding-top: 35%;
padding-bottom: 35%;
}
span#V, span#O, span#R, span#A, span#C, span#O2
{
position: absolute;
font-family: Fabriga-Regular;
font-size: 17rem;
padding-top: 42.5%;
padding-bottom: 42.5%;
}
#wtwedo_desc p#wtwedo_desc_sec
{
font-size: 3.21rem;
line-height: 4.9rem;
padding-right: 8%;
}
.cell_one
{
background-position: 46vw 6vh;
}
.cell_three
{
background-position: 44.2vw 0.7vh;
}
.cell_two
{
background-position: 29.3vw 0vh;
}
.flickity-page-dots {
padding-left: 8.5% !important;
}
/* ------------------------------------------------------- END NEW ELEMENTS 1/17 --------------------------------*/
}
/* --------------------------------------- Mobile Landscape Orientation deny ------------------------------------ */
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape)
{
.desktop_only
{
display:none !important;
}
.hidden p
{
opacity: 1;
}
.mobile_only
{
display:inline;
}
#header_mob
{
width:91.5%;
padding-left:8.5%;
padding-top:24%;
background-color:white;
}
#header_mob h2
{
padding-top:24%;
line-height:0;
font-family: Fabriga-Bold;
font-size: 4.2rem;
padding-left:8.5%;
}
#header_mob h4
{
line-height:0;
font-family:Fabriga-Regular;
font-size: 4.2rem;
padding-left:8.5%;
}
#site_desc
{
margin-top: 0;
padding-right: 16%;
padding-left:8.5%;
}
#site_desc p
{
font-size: 3.05rem;
line-height: 5rem;
}
#voraco_gallery_mob
{
position:relative;
padding-top:1%;
padding-bottom:1%;
width:100%;
height:100%;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
}
#pagination_bar_mob
{
position:absolute;
right:2%;
bottom: 0%;
z-index:999;
}
#pagination_bar_mob p
{
font-family:Fabriga-Light;
font-size: 2.75rem;
}
#image_container_mob
{
width:100%;
height: 100%;
position:absolute;
/*
background-image: url('./Utils/Case-study/Voraco_img_1.PNG');
background-position : center;
background-size : 100%;
background-repeat : no-repeat;
*/
/*overflow:hidden;*/
}
#image_container_mob img
{
position:absolute;
top:0;
left:0;
width:100%;
height:100% ;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
transition:all ease-out 1s;
}
.transparent
{
opacity:0;
}
#image_container:hover #right_arrow
{
visibility:visible;
opacity: 1;
}
#right_arrow_mob
{
position:absolute;
opacity:1;
top:50%;
right:6%;
width:74px;
z-index:999;
}
#right_arrow_mob img
{
width:100%;
height:74px;
cursor:pointer;
}
#image_container:hover #left_arrow
{
visibility:visible;
opacity: 1;
}
#gallery_image
{
transition:all ease .8s;
}
#left_arrow_mob
{
position:absolute;
opacity:1;
top:50%;
left:6%;
width:74px;
z-index:999;
}
#left_arrow_mob img
{
width:100%;
height:74px;
cursor:pointer;
}
#wtwedo_desc h4
{
font-size: 2.15rem;
padding-top: 6%;
padding-bottom: 2%;
}
.close_gap_state
{
line-height: 3.85rem;
}
.bold_statements
{
font-size: 3.25rem;
}
#wtwedo_desc p
{
font-size: 3.15rem;
padding-right: 1%;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 3.21rem;
line-height: 4.9rem;
padding-right: 16%;
}
#wtwedo_desc
{
width: 91.5%;
padding-left: 8.5%;
}
.mobile_only_inline
{
display:inline-block;
}
#sub_section_container
{
width: 80%;
}
#sub_section_title p
{
font-size: 2.5rem;
}
#sub_section_title p
{
line-height: 1.35rem;
font-size: 2.5rem;
}
.subsection_container h2
{
font-size: 2.65rem;
}
.icon_holder
{
width: 62px;
height: 62px;
float: right;
margin-top: 4.1%;
}
.section_desc p
{
font-size: 2.95rem !important;
line-height: 3.75rem;
padding-right: 0;
}
.section_desc.expanded
{
max-height:2000px;
}
h4#tags_title .tags_title_big
{
font-size: 3.65rem;
}
h4#tags_title .tags_title_small
{
font-size: 2.25rem;
}
p.tags_values
{
font-family: Copernicus-Book;
font-size: 2rem !important;
line-height: 3.8rem;
}
#wtwedont_desc {
width: 87.5%;
margin-left: 0%;
padding-right: 12.5%;
}
#wtwedont_desc h4
{
font-size: 2.45rem;
}
#wtwedont_desc p {
font-size: 3.35rem;
line-height: 3.95rem;
}
#top_bg_roller {
width: 90%;
}
#bottom_bg_roller {
width: 90%;
}
#voraco_bg_section {
height: 100%;
}
#bg_design_element {
width: 100%;
}
#who_we_wrked_with_container {
padding-left: 8.5%;
}
h3#wwwwc_title {
font-size: 2.15rem;
}
p#wwwc_desc {
font-size: 3.15rem;
line-height: 3.75rem;
}
#clients_showcase_container h5 {
font-size: 1.75rem;
}
#clients_showcase_container p {
font-size: 2.3rem;
font-family: Fabriga-Medium;
line-height: 3.65rem;
}
#why_voraco_container {
width: 91.5%;
padding-left: 8.5%;
padding-top: 0%;
}
h2#wv_title {
font-size: 2.15rem;
}
h4.wv_sub_title
{
font-size: 2.2rem;
}
p.wv_desc {
font-size: 2.15rem;
line-height: 3.3rem;
}
.tiles_mob img
{
-webkit-filter: grayscale(100%);
filter: grayscale(1);
}
.hori_holder_mob
{
width:100%;
height:490px;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
margin:0;
padding:0;
}
.tiles_mob
{
width:100%;
height:100%;
display:block;
}
.tiles_mob p
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob h4
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob img
{
width:100%;
height:100%;
}
.meet_team_mob p
{
margin-left:8.5%;
margin-top:68%;
}
.grey_bg_mob
{
background-color: #999999;
}
.dark_grey_bg_mob
{
background-color:#666666;
}
.black_bg_mob
{
background-color:#333333;
}
.silver_bg_mob
{
background-color:#CCCCCC;
}
.member_title_mob h4 {
font-family: Fabriga-Light;
font-weight: normal;
padding-top: 0%;
text-align: left;
padding-left: 8.5%;
font-size: 3.05rem;
line-height: 3.9rem;
}
.profile_title_mob p
{
text-align:center;
font-family:Fabriga-Light;
font-weight:normal;
padding-top: 4%;
font-size: 2.6rem;
}
#footer_container {
width: 91.5%;
padding-left: 8.5%;
}
h3#contact_title
{
font-family: Fabriga-Bold;
font-size: 2.15rem;
}
p#p_desc {
font-size: 2.31rem;
line-height: 3.25rem;
padding-right: 29.1%;
}
input.contact_input_ele
{
width: 82%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
margin-bottom: 6%;
font-size: 2.1rem;
}
textarea.contact_input_ele
{
width: 82%;
padding-top: 2%;
padding-bottom: 1%;
padding-left: 3%;
margin-bottom: 4%;
font-family: Fabriga-Light;
font-size: 2rem;
height: 15rem;
}
input#submit_button {
width: 26%;
font-size: 2rem;
float: left;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2.25%;
}
#footer_notes h6 {
color: #B3B3B3;
margin-top: 8%;
font-size: 1.6rem;
}
#footer_notes p {
font-size: 1.55rem;
/* line-height: 0; */
margin-top: -1%;
}
#mail_sent_confirmation p {
padding-right: 31%;
}
#back_button p {
margin-left: 8.5%;
font-size: 1.95rem;
}
#personal_info_content {
padding-left: 8.5%;
}
#info_content_container h1 {
font-size: 5rem;
}
#info_content_container p
{
font-size: 2.55rem;
line-height: 3.5rem;
}
}
/* --------------------------------------- Mobile Landscape Orientation deny 800x480 ------------------------------------ */
@media screen and (min-device-width: 480px) and (max-device-width: 1024px) and (orientation: landscape)
{
.desktop_only
{
display:none !important;
}
.hidden p
{
opacity: 1;
}
.mobile_only
{
display:inline;
}
#header_mob
{
width:91.5%;
padding-left:8.5%;
padding-top:24%;
background-color:white;
}
#header_mob h2
{
padding-top:24%;
line-height:0;
font-family: Fabriga-Bold;
font-size: 4.2rem;
padding-left:8.5%;
}
#header_mob h4
{
line-height:0;
font-family:Fabriga-Regular;
font-size: 4.2rem;
padding-left:8.5%;
margin-bottom: 5%;
}
#site_desc
{
margin-top: 0;
padding-right: 16%;
padding-left:8.5%;
}
#site_desc p
{
font-size: 3.05rem;
line-height: 5rem;
}
#voraco_gallery_mob
{
position:relative;
padding-top:1%;
padding-bottom:1%;
width:100%;
height:100%;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
}
#pagination_bar_mob
{
position:absolute;
right:2%;
bottom: 0%;
z-index:999;
}
#pagination_bar_mob p
{
font-family:Fabriga-Light;
font-size: 2.75rem;
}
#image_container_mob
{
width:100%;
height: 100%;
position:absolute;
/*
background-image: url('./Utils/Case-study/Voraco_img_1.PNG');
background-position : center;
background-size : 100%;
background-repeat : no-repeat;
*/
/*overflow:hidden;*/
}
#image_container_mob img
{
position:absolute;
top:0;
left:0;
width:100%;
height:100% ;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
transition:all ease-out 1s;
}
.transparent
{
opacity:0;
}
#image_container:hover #right_arrow
{
visibility:visible;
opacity: 1;
}
#right_arrow_mob
{
position:absolute;
opacity:1;
top:50%;
right:6%;
width:74px;
z-index:999;
}
#right_arrow_mob img
{
width:100%;
height:74px;
cursor:pointer;
}
#image_container:hover #left_arrow
{
visibility:visible;
opacity: 1;
}
#gallery_image
{
transition:all ease .8s;
}
#left_arrow_mob
{
position:absolute;
opacity:1;
top:50%;
left:6%;
width:74px;
z-index:999;
}
#left_arrow_mob img
{
width:100%;
height:74px;
cursor:pointer;
}
#wtwedo_desc h4
{
font-size: 2.15rem;
padding-top: 6%;
padding-bottom: 2%;
}
.close_gap_state
{
line-height: 3.85rem;
}
.bold_statements
{
font-size: 3.25rem;
}
#wtwedo_desc p
{
font-size: 3.15rem;
padding-right: 1%;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 3.21rem;
line-height: 4.9rem;
padding-right: 16%;
}
#wtwedo_desc
{
width: 91.5%;
padding-left: 8.5%;
}
.mobile_only_inline
{
display:inline-block;
}
#sub_section_container
{
width: 80%;
}
#sub_section_title p
{
font-size: 2.5rem;
}
#sub_section_title p
{
line-height: 1.35rem;
font-size: 2.5rem;
}
.subsection_container h2
{
font-size: 2.65rem;
}
.icon_holder
{
width: 62px;
height: 62px;
float: right;
margin-top: 4.1%;
}
.section_desc p
{
font-size: 2.95rem !important;
line-height: 3.75rem;
padding-right: 0;
}
.section_desc.expanded
{
max-height:2000px;
}
h4#tags_title .tags_title_big
{
font-size: 3.65rem;
}
h4#tags_title .tags_title_small
{
font-size: 2.25rem;
}
p.tags_values
{
font-family: Copernicus-Book;
font-size: 2rem !important;
line-height: 3.8rem;
}
#wtwedont_desc {
width: 87.5%;
margin-left: 0%;
padding-right: 12.5%;
}
#wtwedont_desc h4
{
font-size: 2.45rem;
}
#wtwedont_desc p {
font-size: 3.35rem;
line-height: 3.95rem;
}
#top_bg_roller {
width: 90%;
}
#bottom_bg_roller {
width: 90%;
}
#voraco_bg_section {
height: 115%;
}
#bg_design_element {
width: 100%;
}
#who_we_wrked_with_container {
padding-left: 8.5%;
}
h3#wwwwc_title {
font-size: 2.15rem;
}
p#wwwc_desc {
font-size: 3.15rem;
line-height: 3.75rem;
}
#clients_showcase_container h5 {
font-size: 1.75rem;
}
#clients_showcase_container p {
font-size: 2.3rem;
font-family: Fabriga-Medium;
line-height: 3.65rem;
}
#why_voraco_container {
width: 91.5%;
padding-left: 8.5%;
padding-top: 0%;
}
h2#wv_title {
font-size: 2.15rem;
}
h4.wv_sub_title
{
font-size: 2.2rem;
}
p.wv_desc {
font-size: 2.15rem;
line-height: 3.3rem;
}
.tiles_mob img
{
-webkit-filter: grayscale(100%);
filter: grayscale(1);
}
.hori_holder_mob
{
width:100%;
height:490px;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
margin:0;
padding:0;
}
.tiles_mob
{
width:100%;
height:100%;
display:block;
}
.tiles_mob p
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob h4
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob img
{
width:100%;
height:100%;
}
.meet_team_mob p
{
margin-left:8.5%;
margin-top:68%;
}
.grey_bg_mob
{
background-color: #999999;
}
.dark_grey_bg_mob
{
background-color:#666666;
}
.black_bg_mob
{
background-color:#333333;
}
.silver_bg_mob
{
background-color:#CCCCCC;
}
.member_title_mob h4 {
font-family: Fabriga-Light;
font-weight: normal;
padding-top: 0%;
text-align: left;
padding-left: 8.5%;
font-size: 3.05rem;
line-height: 3.9rem;
}
.profile_title_mob p
{
text-align:center;
font-family:Fabriga-Light;
font-weight:normal;
padding-top: 4%;
font-size: 2.6rem;
}
#footer_container {
width: 91.5%;
padding-left: 8.5%;
}
h3#contact_title
{
font-family: Fabriga-Bold;
font-size: 2.15rem;
}
p#p_desc {
font-size: 2.31rem;
line-height: 3.25rem;
padding-right: 29.1%;
}
input.contact_input_ele
{
width: 82%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
margin-bottom: 6%;
font-size: 2.1rem;
}
textarea.contact_input_ele
{
width: 82%;
max-width:82%;
padding-top: 2%;
padding-bottom: 1%;
padding-left: 3%;
margin-bottom: 4%;
font-family: Fabriga-Light;
font-size: 2rem;
height: 15rem;
}
input#submit_button {
width: 26%;
font-size: 2rem;
float: left;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2.25%;
}
#footer_notes h6 {
color: #B3B3B3;
margin-top: 8%;
font-size: 1.6rem;
}
#footer_notes p {
font-size: 1.55rem;
/* line-height: 0; */
margin-top: -1%;
}
div.social_icons {
height: 4.5%;
}
#mail_sent_confirmation p {
padding-right: 31%;
}
#back_button p {
margin-left: 8.5%;
font-size: 1.95rem;
}
#personal_info_content {
padding-left: 8.5%;
}
#info_content_container h1 {
font-size: 5rem;
}
#info_content_container p
{
font-size: 2.55rem;
line-height: 3.5rem;
}
}
/* 640x960 */
@media only screen and (min-device-width: 480px) and (max-device-width: 640px)
{
.desktop_only
{
display:none !important;
}
.hidden p
{
opacity: 1;
}
.mobile_only
{
display:inline;
}
#header_mob
{
width:91.5%;
padding-left:8.5%;
padding-top:24%;
background-color:white;
}
#header_mob h2
{
padding-top:24%;
line-height:0;
font-family: Fabriga-Bold;
font-size: 4.2rem;
padding-left:8.5%;
}
#header_mob h4
{
line-height:0;
font-family:Fabriga-Regular;
font-size: 4.2rem;
padding-left:8.5%;
}
#site_desc
{
margin-top: 0;
padding-right: 16%;
padding-left:8.5%;
}
#site_desc p
{
font-size: 3.05rem;
line-height: 5rem;
}
#voraco_gallery_mob
{
position:relative;
padding-top:1%;
padding-bottom:1%;
width:100%;
height:100%;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
}
#pagination_bar_mob
{
position:absolute;
right:2%;
bottom: 0%;
z-index:999;
}
#pagination_bar_mob p
{
font-family:Fabriga-Light;
font-size: 2.75rem;
}
#image_container_mob
{
width:100%;
height: 100%;
position:absolute;
/*
background-image: url('./Utils/Case-study/Voraco_img_1.PNG');
background-position : center;
background-size : 100%;
background-repeat : no-repeat;
*/
/*overflow:hidden;*/
}
#image_container_mob img
{
position:absolute;
top:0;
left:0;
width:100%;
height:100% ;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
transition:all ease-out 1s;
}
.transparent
{
opacity:0;
}
#image_container:hover #right_arrow
{
visibility:visible;
opacity: 1;
}
#right_arrow_mob
{
position:absolute;
opacity:1;
top:50%;
right:6%;
width:74px;
z-index:999;
}
#right_arrow_mob img
{
width:100%;
height:74px;
cursor:pointer;
}
#image_container:hover #left_arrow
{
visibility:visible;
opacity: 1;
}
#gallery_image
{
transition:all ease .8s;
}
#left_arrow_mob
{
position:absolute;
opacity:1;
top:50%;
left:6%;
width:74px;
z-index:999;
}
#left_arrow_mob img
{
width:100%;
height:74px;
cursor:pointer;
}
#wtwedo_desc h4
{
font-size: 2.15rem;
padding-top: 6%;
padding-bottom: 2%;
}
.close_gap_state
{
line-height: 3.85rem;
}
.bold_statements
{
font-size: 3.25rem;
}
#wtwedo_desc p
{
font-size: 3.15rem;
padding-right: 1%;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 3.21rem;
line-height: 4.9rem;
padding-right: 16%;
}
#wtwedo_desc
{
width: 91.5%;
padding-left: 8.5%;
}
.mobile_only_inline
{
display:inline-block;
}
#sub_section_container
{
width: 80%;
}
#sub_section_title p
{
font-size: 2.5rem;
}
#sub_section_title p
{
line-height: 1.35rem;
font-size: 2.5rem;
}
.subsection_container h2
{
font-size: 2.65rem;
}
.icon_holder
{
width: 62px;
height: 62px;
float: right;
margin-top: 4.1%;
}
.section_desc p
{
font-size: 2.95rem !important;
line-height: 3.75rem;
padding-right: 0;
}
.section_desc.expanded
{
max-height:2000px;
}
h4#tags_title .tags_title_big
{
font-size: 3.65rem;
}
h4#tags_title .tags_title_small
{
font-size: 2.25rem;
}
p.tags_values
{
font-family: Copernicus-Book;
font-size: 2rem !important;
line-height: 3.8rem;
}
#wtwedont_desc {
width: 87.5%;
margin-left: 0%;
padding-right: 12.5%;
}
#wtwedont_desc h4
{
font-size: 2.45rem;
}
#wtwedont_desc p {
font-size: 3.35rem;
line-height: 3.95rem;
}
#top_bg_roller {
width: 90%;
}
#bottom_bg_roller {
width: 90%;
}
#voraco_bg_section {
height: 50%;
}
#bg_design_element
{
width: 100%;
}
#who_we_wrked_with_container {
padding-left: 8.5%;
}
h3#wwwwc_title {
font-size: 2.15rem;
}
p#wwwc_desc {
font-size: 3.15rem;
line-height: 3.75rem;
}
#clients_showcase_container h5 {
font-size: 1.75rem;
}
#clients_showcase_container p
{
font-size: 3.5rem;
font-family: Fabriga-Regular;
line-height: 5.3rem;
}
.client_brands
{
margin-bottom: 10%;
}
#why_voraco_container {
width: 91.5%;
padding-left: 8.5%;
padding-top: 0%;
}
h2#wv_title {
font-size: 2.15rem;
}
h4.wv_sub_title
{
font-size: 2.2rem;
}
p.wv_desc {
font-size: 2.15rem;
line-height: 3.3rem;
}
.tiles_mob img
{
-webkit-filter: grayscale(100%);
filter: grayscale(1);
}
.hori_holder_mob
{
width:100%;
height:490px;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
margin:0;
padding:0;
}
.tiles_mob
{
width:100%;
height:100%;
display:block;
}
.tiles_mob p
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob h4
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob img
{
width:100%;
height:100%;
}
.meet_team_mob p
{
margin-left:8.5%;
margin-top:68%;
}
.grey_bg_mob
{
background-color: #999999;
}
.dark_grey_bg_mob
{
background-color:#666666;
}
.black_bg_mob
{
background-color:#333333;
}
.silver_bg_mob
{
background-color:#CCCCCC;
}
.member_title_mob h4 {
font-family: Fabriga-Light;
font-weight: normal;
padding-top: 0%;
text-align: left;
padding-left: 8.5%;
font-size: 3.05rem;
line-height: 3.9rem;
}
.profile_title_mob p
{
text-align:center;
font-family:Fabriga-Light;
font-weight:normal;
padding-top: 4%;
font-size: 2.6rem;
}
#footer_container {
width: 91.5%;
padding-left: 8.5%;
}
h3#contact_title
{
font-family: Fabriga-Bold;
font-size: 2.15rem;
}
p#p_desc {
font-size: 2.31rem;
line-height: 3.25rem;
padding-right: 29.1%;
}
input.contact_input_ele
{
width: 82%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
margin-bottom: 6%;
font-size: 2.1rem;
}
textarea.contact_input_ele
{
max-width:82%;
width: 82%;
padding-top: 2%;
padding-bottom: 1%;
padding-left: 3%;
margin-bottom: 4%;
font-family: Fabriga-Light;
font-size: 2rem;
height: 15rem;
}
input#submit_button {
width: 26%;
font-size: 2rem;
float: left;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2.25%;
}
#footer_notes h6 {
color: #B3B3B3;
margin-top: 8%;
font-size: 1.6rem;
}
#footer_notes p {
font-size: 1.55rem;
/* line-height: 0; */
margin-top: -1%;
}
#mail_sent_confirmation p {
padding-right: 31%;
}
#back_button p {
margin-left: 8.5%;
font-size: 1.95rem;
}
#personal_info_content {
padding-left: 8.5%;
}
#info_content_container h1 {
font-size: 5rem;
}
#info_content_container p
{
font-size: 2.55rem;
line-height: 3.5rem;
}
/* --------------------------------------------------------------- NEW ELEMENTS 1/17 --------------------------------------------------------------- */
span#V, span#O, span#R, span#A, span#C, span#O2
{
position: absolute;
font-family: Fabriga-Regular;
font-size: 16rem;
}
#voraco_bg_section
{
height: 30%;
}
.main_gallery
{
width: 100%;
height: 74%;
}
.client_brands p
{
font-family: Fabriga-Regular;
font-size: 2.225rem;
line-height: 3.65rem;
}
.gallery_cell
{
width: 100%;
height: 100%;
}
h2.why_header
{
font-family: Fabriga-Bold;
font-size:2.75rem;
}
h3.why_sub_heading
{
font-size:3rem;
}
p.why_desc
{
font-size: 3.45rem;
line-height: 4.7rem;
}
.cell_three
{
background-position: 44.2vw 4.7vh;
}
.cell_two
{
background-position: 29.3vw 9vh;
}
.cell_one
{
background-position: 44vw 10vh;
}
#clients_showcase_container h5
{
font-size:2.25rem;
margin-bottom: 0%;
}
/* --------------------------------------------------------------- END ELEMENTS 1/17 --------------------------------------------------------------- */
}
/* 640x960 */
@media only screen and (min-device-width: 640px) and (max-device-width: 720px)
{
.desktop_only
{
display:none !important;
}
.hidden p
{
opacity: 1;
}
.mobile_only
{
display:inline;
}
#header_mob
{
width:91.5%;
padding-left:8.5%;
padding-top:24%;
background-color:white;
}
#header_mob h2
{
padding-top:24%;
line-height:0;
font-family: Fabriga-Bold;
font-size: 4.2rem;
padding-left:8.5%;
}
#header_mob h4
{
line-height:0;
font-family:Fabriga-Regular;
font-size: 4.2rem;
padding-left:8.5%;
margin-bottom: 2%;
}
#site_desc
{
margin-top: 0;
padding-right: 16%;
padding-left:8.5%;
padding-top: 0;
}
#site_desc p
{
font-size: 3.05rem;
line-height: 5rem;
padding-right: 0%;
}
p#read_more_header
{
font-size: 2.05rem !important;
}
#voraco_gallery_mob
{
position:relative;
padding-top:1%;
padding-bottom:1%;
width:100%;
height:100%;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
}
#pagination_bar_mob
{
position:absolute;
right:2%;
bottom: 0%;
z-index:999;
}
#pagination_bar_mob p
{
font-family:Fabriga-Light;
font-size: 2.75rem;
}
#image_container_mob
{
width:100%;
height: 100%;
position:absolute;
/*
background-image: url('./Utils/Case-study/Voraco_img_1.PNG');
background-position : center;
background-size : 100%;
background-repeat : no-repeat;
*/
/*overflow:hidden;*/
}
#image_container_mob img
{
position:absolute;
top:0;
left:0;
width:100%;
height:100% ;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
transition:all ease-out 1s;
}
.transparent
{
opacity:0;
}
#image_container:hover #right_arrow
{
visibility:visible;
opacity: 1;
}
#right_arrow_mob
{
position:absolute;
opacity:1;
top:50%;
right:6%;
width:74px;
z-index:999;
}
#right_arrow_mob img
{
width:100%;
height:74px;
cursor:pointer;
}
#image_container:hover #left_arrow
{
visibility:visible;
opacity: 1;
}
#gallery_image
{
transition:all ease .8s;
}
#left_arrow_mob
{
position:absolute;
opacity:1;
top:50%;
left:6%;
width:74px;
z-index:999;
}
#left_arrow_mob img
{
width:100%;
height:74px;
cursor:pointer;
}
#wtwedo_desc h4
{
font-size: 2.15rem;
padding-top: 6%;
padding-bottom: 2%;
}
.close_gap_state
{
line-height: 3.85rem;
}
.bold_statements
{
font-size: 3.25rem;
}
#wtwedo_desc p
{
font-size: 3.15rem;
padding-right: 1%;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 3.21rem;
line-height: 4.9rem;
padding-right: 16%;
}
#wtwedo_desc
{
width: 91.5%;
padding-left: 8.5%;
}
.mobile_only_inline
{
display:inline-block;
}
#sub_section_container
{
width: 80%;
}
#sub_section_title p
{
font-size: 2.5rem;
}
#sub_section_title p
{
line-height: 1.35rem;
font-size: 2.5rem;
}
.subsection_container h2
{
font-size: 2.65rem;
}
.icon_holder
{
width: 62px;
height: 62px;
float: right;
margin-top: 4.1%;
}
.section_desc p
{
font-size: 2.95rem !important;
line-height: 3.75rem;
padding-right: 0;
}
.section_desc.expanded
{
max-height:2000px;
}
h4#tags_title .tags_title_big
{
font-size: 3.65rem;
}
h4#tags_title .tags_title_small
{
font-size: 2.25rem;
}
p.tags_values
{
font-family: Copernicus-Book;
font-size: 2rem !important;
line-height: 3.8rem;
}
#wtwedont_desc {
width: 87.5%;
margin-left: 0%;
padding-right: 12.5%;
}
#wtwedont_desc h4
{
font-size: 2.45rem;
}
#wtwedont_desc p {
font-size: 3.35rem;
line-height: 3.95rem;
}
#top_bg_roller {
width: 90%;
}
#bottom_bg_roller {
width: 90%;
}
#voraco_bg_section {
height: 40%;
}
#bg_design_element
{
width: 100%;
}
#who_we_wrked_with_container
{
padding-left: 8.5%;
margin-bottom: 15%;
}
h3#wwwwc_title
{
font-size: 2.15rem;
}
p#wwwc_desc
{
font-size: 3.15rem;
line-height: 3.75rem;
}
#clients_showcase_container h5
{
font-size: 2.35rem;
margin-bottom: 3%;
}
.dotla:before
{
content: " \B7 ";
font-size: 4.5rem;
margin-left: 3%;
margin-right: 3%;
font-family: Fabriga-Bold;
}
#clients_showcase_container p
{
font-size: 3.6rem;
font-family: Fabriga-Regular;
line-height: 5.45rem;
}
#why_voraco_container
{
width: 91.5%;
padding-left: 8.5%;
padding-top: 0%;
}
h2#wv_title {
font-size: 2.15rem;
}
h4.wv_sub_title
{
font-size: 2.2rem;
}
p.wv_desc {
font-size: 2.15rem;
line-height: 3.3rem;
}
.tiles_mob img
{
-webkit-filter: grayscale(100%);
filter: grayscale(1);
}
.hori_holder_mob
{
width:100%;
height:490px;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
margin:0;
padding:0;
}
.tiles_mob
{
width:100%;
height:100%;
display:block;
}
.tiles_mob p
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob h4
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob img
{
width:100%;
height:100%;
}
.meet_team_mob p
{
margin-left:8.5%;
margin-top:68%;
}
.grey_bg_mob
{
background-color: #999999;
}
.dark_grey_bg_mob
{
background-color:#666666;
}
.black_bg_mob
{
background-color:#333333;
}
.silver_bg_mob
{
background-color:#CCCCCC;
}
.member_title_mob h4 {
font-family: Fabriga-Light;
font-weight: normal;
padding-top: 0%;
text-align: left;
padding-left: 8.5%;
font-size: 3.05rem;
line-height: 3.9rem;
}
.profile_title_mob p
{
text-align:center;
font-family:Fabriga-Light;
font-weight:normal;
padding-top: 4%;
font-size: 2.6rem;
}
#footer_container {
width: 91.5%;
padding-left: 8.5%;
}
h3#contact_title
{
font-family: Fabriga-Bold;
font-size: 2.15rem;
}
p#p_desc {
font-size: 2.31rem;
line-height: 3.25rem;
padding-right: 29.1%;
}
input.contact_input_ele
{
width: 82%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
margin-bottom: 6%;
font-size: 2.1rem;
}
textarea.contact_input_ele
{
width: 82%;
padding-top: 2%;
padding-bottom: 1%;
padding-left: 3%;
margin-bottom: 4%;
font-family: Fabriga-Light;
font-size: 2rem;
height: 15rem;
}
input#submit_button {
width: 26%;
font-size: 2rem;
float: left;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2.25%;
}
#footer_notes h6 {
color: #B3B3B3;
margin-top: 8%;
font-size: 1.6rem;
}
#footer_notes p {
font-size: 1.55rem;
/* line-height: 0; */
margin-top: -1%;
}
#mail_sent_confirmation p {
padding-right: 31%;
}
#back_button p {
margin-left: 8.5%;
font-size: 1.95rem;
}
#personal_info_content {
padding-left: 8.5%;
}
#info_content_container h1 {
font-size: 5rem;
}
#info_content_container p
{
font-size: 2.55rem;
line-height: 3.5rem;
}
/* ------------------------------------------------------------------------ NEW ELEMENTS ---------------------------------------------- */
span#V, span#O, span#R, span#A, span#C, span#O2
{
font-size: 17rem;
padding-top: 50%;
padding-bottom: 50%;
}
#voraco_bg_section
{
height: 40%;
}
.main_gallery
{
width: 100%;
height: 74%;
}
h2.why_header
{
font-size: 2.85rem;
padding-bottom: 0%;
padding-left:8.5%;
}
h3.why_sub_heading
{
font-size: 3.05rem;
padding-left:8.5%;
}
.gallery_cell
{
width: 100%;
height: 100%;
padding-left:0%;
}
.cell_one
{
background-position: 44vw 6vh;
}
.cell_two
{
background-position: 29.3vw 9vh;
}
.cell_three
{
background-position: 44.2vw 2.2vh;
}
p#wwwc_desc
{
font-size: 2.95rem;
line-height: 3.95rem;
padding-right: 0%;
}
.client_brands p
{
font-size: 2.225rem;
line-height: 3.65rem;
}
p.why_desc
{
font-size: 3.05rem;
line-height: 4.1rem;
padding-left: 8.5%;
padding-right: 5%;
}
.flickity-page-dots
{
padding-left: 8.5% !important;
}
.flickity-page-dots .dot
{
width: 127px !important;
height: 15px !important;
margin: 0 14px !important;
}
#wtwedont_desc p
{
font-size: 3.35rem;
padding-right: 0;
line-height: 3.95rem;
}
.msg_container span
{
width: 60px;
height: 60px;
right: 17%;
}
/* ------------------------------------------------------------------------ END NEW ELEMENTS --------------------------------------- */
}
/* 768x1024 */
/* 640x960 */
@media only screen and (min-device-width: 720px) and (max-device-width: 950px)
{
.desktop_only
{
display:none !important;
}
.hidden p
{
opacity: 1;
}
.mobile_only
{
display:inline;
}
#header_mob
{
width:91.5%;
padding-left:8.5%;
padding-top:24%;
background-color:white;
}
#header_mob h2
{
padding-top:24%;
line-height:0;
font-family: Fabriga-Bold;
font-size: 4.2rem;
padding-left:0%;
}
#header_mob h4
{
line-height:0;
font-family:Fabriga-Regular;
font-size: 4.2rem;
padding-left:0%;
}
#site_desc
{
margin-top: 0;
padding-right: 16%;
padding-left:8.5%;
}
#site_desc p
{
font-size: 3.05rem;
line-height: 5rem;
padding-right: 0%;
}
#voraco_gallery_mob
{
position:relative;
padding-top:1%;
padding-bottom:1%;
width:100%;
height:100%;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
}
#pagination_bar_mob
{
position:absolute;
right:2%;
bottom: 0%;
z-index:999;
}
#pagination_bar_mob p
{
font-family:Fabriga-Light;
font-size: 2.75rem;
}
#image_container_mob
{
width:100%;
height: 100%;
position:absolute;
/*
background-image: url('./Utils/Case-study/Voraco_img_1.PNG');
background-position : center;
background-size : 100%;
background-repeat : no-repeat;
*/
/*overflow:hidden;*/
}
#image_container_mob img
{
position:absolute;
top:0;
left:0;
width:100%;
height:100% ;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
transition:all ease-out 1s;
}
.transparent
{
opacity:0;
}
#image_container:hover #right_arrow
{
visibility:visible;
opacity: 1;
}
#right_arrow_mob
{
position:absolute;
opacity:1;
top:50%;
right:6%;
width:74px;
z-index:999;
}
#right_arrow_mob img
{
width:100%;
height:74px;
cursor:pointer;
}
#image_container:hover #left_arrow
{
visibility:visible;
opacity: 1;
}
#gallery_image
{
transition:all ease .8s;
}
#left_arrow_mob
{
position:absolute;
opacity:1;
top:50%;
left:6%;
width:74px;
z-index:999;
}
#left_arrow_mob img
{
width:100%;
height:74px;
cursor:pointer;
}
#wtwedo_desc h4
{
font-size: 2.15rem;
padding-top: 6%;
padding-bottom: 2%;
}
.close_gap_state
{
line-height: 3.85rem;
}
.bold_statements
{
font-size: 3.25rem;
}
#wtwedo_desc p
{
font-size: 3.15rem;
padding-right: 1%;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 3.21rem;
line-height: 4.9rem;
padding-right: 16%;
}
#wtwedo_desc
{
width: 91.5%;
padding-left: 8.5%;
}
.mobile_only_inline
{
display:inline-block;
}
#sub_section_container
{
width: 80%;
}
#sub_section_title p
{
font-size: 2.5rem;
}
#sub_section_title p
{
line-height: 1.35rem;
font-size: 2.5rem;
}
.subsection_container h2
{
font-size: 2.65rem;
}
.icon_holder
{
width: 62px;
height: 62px;
float: right;
margin-top: 4.1%;
}
.section_desc p
{
font-size: 2.95rem !important;
line-height: 3.75rem;
padding-right: 0;
}
.section_desc.expanded
{
max-height:2000px;
}
h4#tags_title .tags_title_big
{
font-size: 3.65rem;
}
h4#tags_title .tags_title_small
{
font-size: 2.25rem;
}
p.tags_values
{
font-family: Copernicus-Book;
font-size: 2rem !important;
line-height: 3.8rem;
}
#wtwedont_desc {
width: 87.5%;
margin-left: 0%;
padding-right: 12.5%;
}
#wtwedont_desc h4
{
font-size: 2.45rem;
}
#wtwedont_desc p {
font-size: 3.35rem;
line-height: 3.95rem;
padding-right: 0%;
}
#top_bg_roller {
width: 90%;
}
#bottom_bg_roller {
width: 90%;
}
#voraco_bg_section
{
height: 15.7%;
padding-top: 50%;
padding-bottom: 50%;
}
#bg_design_element
{
width: 100%;
}
#who_we_wrked_with_container {
padding-left: 8.5%;
}
h3#wwwwc_title {
font-size: 2.15rem;
}
p#wwwc_desc {
font-size: 2.95rem;
padding-right: 0%;
line-height: 3.75rem;
}
#clients_showcase_container h5
{
font-size:2.15rem;
}
.dotla:before
{
font-size: 3.9rem;
margin-left: 3%;
margin-right: 3%;
font-family: Fabriga-Bold;
}
#clients_showcase_container p
{
font-size: 3.55rem;
font-family: Fabriga-Regular;
line-height: 5.85rem;
}
#why_voraco_container {
width: 91.5%;
padding-left: 8.5%;
padding-top: 0%;
}
h2#wv_title {
font-size: 2.15rem;
}
h4.wv_sub_title
{
font-size: 2.2rem;
}
p.wv_desc {
font-size: 2.15rem;
line-height: 3.3rem;
}
.tiles_mob img
{
-webkit-filter: grayscale(100%);
filter: grayscale(1);
}
.hori_holder_mob
{
width:100%;
height:490px;
background-color:white;
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
margin:0;
padding:0;
}
.tiles_mob
{
width:100%;
height:100%;
display:block;
}
.tiles_mob p
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob h4
{
font-family:Fabriga-Light;
font-size:2.5rem;
}
.tiles_mob img
{
width:100%;
height:100%;
}
.meet_team_mob p
{
margin-left:8.5%;
margin-top:68%;
}
.grey_bg_mob
{
background-color: #999999;
}
.dark_grey_bg_mob
{
background-color:#666666;
}
.black_bg_mob
{
background-color:#333333;
}
.silver_bg_mob
{
background-color:#CCCCCC;
}
.member_title_mob h4 {
font-family: Fabriga-Light;
font-weight: normal;
padding-top: 0%;
text-align: left;
padding-left: 8.5%;
font-size: 3.05rem;
line-height: 3.9rem;
}
.profile_title_mob p
{
text-align:center;
font-family:Fabriga-Light;
font-weight:normal;
padding-top: 4%;
font-size: 2.6rem;
}
#footer_container {
width: 91.5%;
padding-left: 8.5%;
}
h3#contact_title
{
font-family: Fabriga-Bold;
font-size: 2.15rem;
}
p#p_desc {
font-size: 2.31rem;
line-height: 3.25rem;
padding-right: 29.1%;
}
input.contact_input_ele
{
width: 82%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
margin-bottom: 6%;
font-size: 2.1rem;
}
textarea.contact_input_ele
{
width: 82%;
padding-top: 2%;
padding-bottom: 1%;
padding-left: 3%;
margin-bottom: 4%;
font-family: Fabriga-Light;
font-size: 2rem;
height: 15rem;
}
input#submit_button {
width: 26%;
font-size: 2rem;
float: left;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 2.25%;
}
#footer_notes h6 {
color: #B3B3B3;
margin-top: 8%;
font-size: 1.6rem;
}
#footer_notes p {
font-size: 1.55rem;
/* line-height: 0; */
margin-top: -1%;
}
#mail_sent_confirmation p {
padding-right: 31%;
}
#back_button p {
margin-left: 8.5%;
font-size: 1.95rem;
}
#personal_info_content {
padding-left: 8.5%;
}
#info_content_container h1 {
font-size: 5rem;
}
#info_content_container p
{
font-size: 2.55rem;
line-height: 3.5rem;
}
/* ------------------------------------------------------------------- NEW ELEMENTS ---------------------------------------------------------- */
#header_mob
{
width:91.5%;
background-color:white;
width: 91.5%;
padding-left: 8.5%;
padding-top: 0%;
}
#header_mob h2
{
padding-top:5%;
line-height:0;
font-family: Fabriga-Bold;
font-size: 4.2rem;
padding-left:0%;
}
#pagination_bar_mob p
{
font-family:Fabriga-Light;
font-size: 1.35rem;
}
#grid_container
{
background-image:none;
}
.tiles_mob p
{
font-family: Fabriga-Light;
font-size: 2rem;
}
.member_title_mob h4
{
font-family: Fabriga-Light;
font-weight: normal;
padding-top: 0%;
text-align: left;
padding-left: 8.5%;
font-size: 2.55rem;
line-height: 3.2rem;
}
span#V, span#O, span#R, span#A, span#C, span#O2
{
font-size: 17rem !important;
padding-top: 50%;
padding-bottom: 50%;
}
.gallery_cell
{
padding-left: 0%;
width: 100%;
height: 100%;
margin-right: 0%;
}
h2.why_header
{
font-size: 2.75rem;
padding-left: 8.5%;
padding-bottom:0%;
}
h3.why_sub_heading
{
font-size: 2.95rem;
padding-left: 8.5%;
}
p.why_desc
{
padding-left: 8.5%;
padding-right:8%;
font-size: 3.25rem;
line-height: 4.2rem;
}
.flickity-prev-next-button.previous
{
left: 2.5px;
}
.flickity-prev-next-button.next
{
right: 2.5px;
}
.flickity-prev-next-button
{
width: 6.5%;
height: 6.5%;
}
.mobile_only
{
display: block !important;
}
.flickity-page-dots
{
padding-left: 8.5% !important;
}
.flickity-page-dots .dot {
width: 127px !important;
height: 15px !important;
margin: 0 0;
margin-right: 25px !important;
}
/* ---------------------------------------------------------------------- END NEW ELEMENTS ------------------------------------------------------ */
}
/* ---------------------------------------------------------Media Query for 1680 x 1050 ------------------------------------------*/
@media screen and (min-width:1680px) and (min-height:1050px) and (max-width:1820px)
{
div.social_icons
{
height: 4%
}
#first_dialog h1
{
top: 167px;
}
#we_are_container
{
min-height: 635px;
}
#we_are_container
{
min-height: 635px;
}
#site_desc
{
margin-top: 635px;
}
#image_container
{
height: 88.8%;
}
#voraco_gallery
{
height: 78%;
}
.hori_holder
{
height: 279px;
}
.subsection_container h2
{
font-size: 1.95rem;
}
.icon_holder
{
width: 36px;
height: 36px;
}
#see_all_service_container h4
{
font-size: 1.65rem;
}
#wtwedont_desc h4
{
font-size: 1.55rem;
}
p.why_desc
{
font-size: 1.95rem;
line-height: 2.8rem;
}
#wtwedont_desc p
{
font-size: 2.25rem;
line-height: 2.9rem;
}
#pagination_bar
{
position: absolute;
right: 16%;
bottom: 0%;
}
#pagination_bar p
{
font-size: 1.25rem;
}
#site_desc p
{
font-size: 2.75rem;
line-height: 3.5rem;
padding-right: 36%;
}
#wtwedo_desc p
{
font-size: 2.35rem;
}
#wtwedo_desc h4
{
font-size: 1.35rem;
}
p#read_more_header
{
font-size:1.4125rem;
}
p#read_less_header
{
font-size:1.4125rem;
}
.bold_statements
{
font-size: 2.45rem;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 1.71rem;
line-height: 2.5rem;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 1.81rem;
line-height: 2.8rem;
}
#sub_section_title p
{
line-height: 1.35rem;
font-size: 1.6rem;
}
.section_desc p
{
font-size: 1.81rem !important;
line-height: 2.5rem;
}
h4#tags_title .tags_title_big
{
font-size: 1.95rem;
}
h4#tags_title .tags_title_small
{
font-size: 1.15rem;
}
p.tags_values
{
font-family: Copernicus-Book;
font-size: 1.3rem !important;
}
#voraco_bg_section
{
height: 36.5%;
padding-top:15%;
padding-bottom:15%;
}
span#V, span#O, span#R, span#A, span#C, span#O2
{
font-size: 25rem;
}
h2.why_header
{
font-size: 1.7125rem;
}
h3.why_sub_heading
{
font-size: 1.95rem;
}
h3#wwwwc_title
{
font-size: 1.45rem;
}
p#wwwc_desc
{
font-size: 1.95rem;
line-height: 2.8rem;
padding-right:29%;
}
#footer_notes h6
{
font-size: 1.45rem;
}
#clients_showcase_container h5
{
font-size: 1.55rem;
}
#clients_showcase_container p
{
font-size:2.6rem;
line-height: 4.15rem;
}
h2#wv_title
{
font-size: 1.45rem;
}
h4.wv_sub_title
{
font-size: 1.8rem;
}
p.wv_desc
{
font-size: 1.95rem;
line-height: 2.6rem;
}
#why_voraco_container
{
padding-bottom: 12%;
}
h3#contact_title
{
font-size: 1.45rem;
}
p#p_desc
{
font-size: 2.11rem;
line-height: 1.55rem;
}
input.contact_input_ele
{
font-size: 1.81rem;
}
textarea.contact_input_ele
{
font-size: 1.81rem;
height: 14rem;
}
input#submit_button
{
font-size: 1.61rem;
}
}
/* ---------------------------------------------------------Media Query for 1280 x 1024 ----------------------------------------- */
@media screen and (min-width:1280px) and (max-width:1439px) and (min-height:1024px) and (max-height:1049px)
{
#image_container
{
height: 83.2%;
}
#voraco_gallery
{
height: 66.5%;
}
.subsection_container h2
{
font-size: 1.7rem;
}
.icon_holder
{
width: 36px;
height: 36px;
}
#wtwedont_desc h4
{
font-size: 1.95rem;
}
#wtwedont_desc p
{
font-size: 2rem;
line-height: 2.9rem;
}
.hori_holder
{
height: 200px;
}
#varangi_post p
{
margin-top: 28%;
}
#suhani_post p
{
margin-top: -90%;
}
#shreekanth_post p
{
margin-top: 28%;
}
#richa_post p
{
margin-top: 28%;
}
#see_all_service_container h4
{
font-size: 1.55rem;
}
}
/* ---------------------------------------------------------Media Query for 1229 ----------------------------------------- */
@media screen and (min-width:1220px) and (max-width:1280px)
{
#image_container
{
height: 83.2%;
}
#voraco_gallery
{
height: 66.5%;
}
.subsection_container h2
{
font-size: 1.45rem;
}
.icon_holder
{
width: 28px;
height: 28px;
margin-top: 2.9%;
}
#wtwedont_desc h4
{
font-size: 1.95rem;
}
#wtwedont_desc p
{
font-size: 2rem;
line-height: 2.9rem;
}
.hori_holder
{
height: 200px;
}
#varangi_post p
{
margin-top: 28%;
}
#suhani_post p
{
margin-top: -90%;
}
#shreekanth_post p
{
margin-top: 28%;
}
#richa_post p
{
margin-top: 28%;
}
#see_all_service_container h4
{
font-size: 1.55rem;
}
p#p_desc {
font-size: 1.71rem;
line-height: 1.35rem;
padding-right: 12%;
}
#why_voraco_container {
padding-top: 4%;
}
}
/* ---------------------------------------------------------Media Query for 1024 ----------------------------------------- */
@media screen and (min-width:1024px) and (max-width:1220px)
{
#first_dialog {
min-height: 323px;
}
#first_dialog h1
{
font-size: 6rem;
}
#we_are_container h1 {
font-size: 6rem;
}
#we_are_container
{
min-height: 390px;
}
#site_desc
{
position: relative;
background-color: white;
padding-left: 8.5%;
padding-top: 0%;
padding-bottom: 4%;
margin-top: 0px;
}
#left_arrow_mob
{
width: 2%;
}
#wtwedo_desc h4
{
font-size: 1.75rem;
padding-bottom: 0%;
}
#right_arrow_mob
{
width: 2%;
}
.section_desc p
{
font-size: 2rem !important;
line-height: 2.8rem;
}
#pagination_bar_mob p
{
font-size: 1.55rem;
}
#site_desc p
{
font-size: 2.45rem;
line-height: 3.2rem;
margin-top: 2%;
margin-bottom: 2%;
padding-right: 0%;
}
p#read_more_header
{
font-size: 1.5rem !important;
}
#image_container_mob img
{
width: 100%;
height: auto;
}
#voraco_gallery_mob
{
display: none;
}
#wtwedo_desc h4
{
font-size:2rem;
}
p.tags_values
{
font-size: 1.35rem !important;
line-height: 2.55rem;
}
#wtwedo_desc p {
font-size: 2.25rem;
line-height: 2.4rem;
margin-top: 2%;
margin-bottom: 2%;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 2.25rem;
line-height: 3.2rem;
padding-top: 1.5%;
padding-right: 8.5%;
}
.bold_statements {
font-size: 2.35rem;
}
#image_container
{
height: 83.2%;
}
#voraco_gallery
{
display:block !important;
height: 66.5%;
}
.subsection_container h2
{
font-size: 2.2rem;
}
.icon_holder
{
width: 36px;
height: 36px;
}
#wtwedont_desc h4
{
font-size: 1.95rem;
}
#wtwedont_desc p
{
font-size: 2rem;
line-height: 2.9rem;
padding-right: 0;
}
span#V, span#O, span#R, span#A, span#C, span#O2
{
font-size: 17rem;
padding-top: 25%;
padding-bottom: 25%;
}
#voraco_bg_section
{
height: 28%;
padding-top: 25%;
padding-bottom: 25%;
}
.hori_holder
{
height: 200px;
}
#varangi_post p
{
margin-top: 28%;
}
#suhani_post p
{
margin-top: -90%;
}
#shreekanth_post p
{
margin-top: 28%;
}
#richa_post p
{
margin-top: 28%;
}
#see_all_service_container h4
{
font-size: 1.55rem;
}
p#p_desc {
font-size: 1.81rem;
line-height: 2.45rem;
padding-right: 15%;
}
#why_voraco_container {
padding-top: 4%;
}
.column
{
font-size: 1.05rem;
}
p#wwwc_desc
{
font-size: 1.95rem;
line-height: 2.95rem;
padding-right: 0;
}
#clients_showcase_container p
{
font-size: 3rem;
font-family: Fabriga-Regular;
line-height: 4.35rem;
}
.dotla:before
{
font-size: 3.3rem;
margin-left: 3.5%;
margin-right: 3.5%;
font-family: Fabriga-Bold;
}
#clients_showcase_container h5
{
font-size: 1.85rem;
}
h3#contact_title
{
font-family: Fabriga-Bold;
font-size: 2.15rem;
margin-bottom: 3%;
margin-top: 3%;
}
}
/* ---------------------------------------------------------Media Query for 1280 x 800 -----------------------------------------*/
@media only screen and (min-device-width: 1100px) and (max-device-width: 1280px) and (min-height:680px) and (max-height:1000px)
{
.desktop_only
{
display:block;
}
.mobile_only
{
display:none;
}
#first_dialog h1
{
top:181.5px;
}
#image_container
{
height: 86.5%;
}
#voraco_gallery
{
height: 80%;
padding-bottom:0;
}
.section_desc p
{
font-size: 1.25rem !important;
}
p.tags_values {
font-size: 1rem !important;
line-height: 1.85rem;
}
#tags h4
{
line-height:0;
padding-bottom:0;
}
.hori_holder
{
width: 100%;
height: 200px;
}
#wtwedont_desc p
{
font-size: 1.7rem;
}
#wtwedont_desc h4
{
font-size:1.125rem;
}
#varangi_post p
{
margin-top: 26%;
}
#suhani_post p
{
margin-top: -93%;
}
#shreekanth_post p
{
margin-top: 26%;
}
.bottom_title_pos p
{
font-size: 1.55rem;
padding-top: 66%;
}
#richa_post p
{
margin-top: 28% ;
}
#pramod_post p
{
margin-top: -99% ;
}
#pagination_bar
{
bottom: 0%;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 1.45rem;
line-height: 2.34rem;
}
.bold_statements
{
font-family: Fabriga-Bold;
font-size: 1.95rem;
}
#wtwedo_desc p {
font-size: 1.85rem;
}
#sub_section_title p
{
font-size: 1.2rem;
}
#voraco_bg_section
{
height: 66%;
}
#who_we_wrked_with_container
{
padding-top: 9%;
}
p#wwwc_desc
{
font-size: 1.45rem;
line-height:2rem;
padding-right:30%;
}
#clients_showcase_container h5
{
font-size: 1.2rem;
}
#clients_showcase_container p
{
font-size: 2.025rem;
line-height: 3.45rem;
}
.top_title_pos p {
font-size: 1.45rem;
}
.bottom_title_pos p
{
font-size: 1.45rem;
}
.meet_the_team_title p
{
font-size: 1.02rem;
}
#why_voraco_container
{
padding-top: 6.5%;
}
p.wv_desc
{
font-size: 1.45rem;
}
h2#wv_title
{
font-size: 1.02rem;
}
.hori_holder
{
height: 213px;
}
input.contact_input_ele
{
font-size: 1.11rem;
}
p#p_desc
{
font-size: 1.41rem;
}
h3#contact_title
{
font-size: 1.15rem;
}
input.contact_input_ele
{
width: 74%;
font-size: 1.31rem;
}
textarea.contact_input_ele
{
width: 74%;
font-size: 1.31rem;
height:9rem;
}
input#submit_button
{
margin-right: 23.7%;
width: 14%;
}
#copyright
{
font-size: 1.05rem;
margin-top: -3.8%;
margin-right: 23.8%;
}
div.social_icons
{
height: 4%;
right: 18.6%;
margin-top: -5.7%;
}
/***************************************************************** NEW ELEMENTS *******************************************************/
p#read_more_header
{
font-size: 1rem !important;
}
#wtwedo_desc {
padding-top: 3%;
}
p#read_less_header
{
font-size: 1rem !important;
}
#wtwedo_desc h4
{
font-size: 1rem;
}
#wtwedo_desc p#wtwedo_desc_sec
{
font-size: 1.41rem;
line-height: 2.1rem;
}
#site_desc p
{
padding-right: 5%;
font-size: 2.125rem;
line-height: 2.8rem;
}
#wtwedont_desc p
{
font-size: 1.7rem;
line-height: 2.4rem;
}
span#V, span#O, span#R, span#A, span#C, span#O2
{
font-size: 21rem;
}
p.why_desc
{
font-size: 1.45rem;
line-height: 2.6rem;
}
h3#wwwwc_title
{
font-size: 1.0125rem;
}
h3.why_sub_heading
{
font-size: 1.45rem;
}
h2.why_header
{
font-size: 1.15rem;
padding-bottom: 1%;
}
.main_gallery
{
height: 70%;
}
#clients_showcase_container h5
{
padding-bottom: 1%;
}
p#p_desc
{
line-height: 1.15rem;
}
.msg_container span
{
width: 42px;
height: 42px;
right: 26%;
}
textarea.contact_input_ele
{
width: 74%;
font-size: 1.31rem;
height: 12rem;
}
.mobile_only
{
display:none;
}
/***************************************************************** END ELEMENTS *******************************************************/
}
/* ----------------------------------------------------------- Media Query 1440 x 767 -------------------------------------------- */
@media screen and (min-height:767px) and (max-height:800px) and (min-device-width:1440px) and (max-device-width:1536px)
{
#pramod_post p
{
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.2s linear;
transition: all ease 2s;
position: relative;
padding-left: 3.5%;
margin-top: -94% ;
}
#first_dialog h1
{
top: 159px;
}
}
/*-------------------------------------------------------------Media Query 1440x900 ------------------------------------------------*/
@media screen and (min-device-width:1365px) and (max-device-width:1500px) and (min-height:700px) and (max-height:920px)
{
#first_dialog h1
{
top:181.5px;
}
#site_desc p
{
padding-right: 24.6%;
font-size:2.225rem;
line-height: 3rem;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 1.75rem;
}
#sub_section_title p
{
font-size: 1.5rem;
}
.subsection_container h2
{
font-size: 1.75rem;
}
h2.why_header
{
font-size: 1.3125rem;
}
h3.why_sub_heading
{
font-size: 1.75rem;
}
p.why_desc
{
font-size: 1.75rem;
}
.main_gallery
{
width: 100%;
height: 85%;
}
.section_desc p
{
font-size: 1.5rem !important;
line-height: 2rem;
}
p.tags_values
{
font-size: 1.25rem !important;
line-height: 2.4rem;
}
.icon_holder
{
margin-top: 2.7%;
}
#wtwedo_desc h4
{
font-size:1.25rem;
}
.bold_statements
{
font-size: 2.25rem;
}
.hori_holder
{
width: 100%;
height: 240px ;
}
#wtwedont_desc p
{
font-size: 1.9rem !important;
line-height: 2.8rem;
}
#wtwedont_desc h4
{
font-size: 1.3125rem !important;
}
h3#wwwwc_title
{
font-size:1.3125rem;
}
p#wwwc_desc
{
font-size: 1.65rem;
padding-right:29%;
}
#voraco_bg_section
{
height: 43%;
padding-top:15%;
padding-bottom:15%;
}
span#V, span#O, span#R, span#A, span#C, span#O2
{
padding-top: 15%;
padding-bottom: 15%;
}
.meet_the_team_title p
{
font-size: 1.3125rem;
}
.top_title_pos p
{
font-size: 1.75rem;
line-height: 2rem;
}
.bottom_title_pos p
{
font-size: 1.75rem;
line-height: 2rem;
padding-top: 65%;
}
h3#contact_title
{
font-size: 1.3125rem;
}
#clients_showcase_container h5
{
font-size:1.5rem;
}
#clients_showcase_container p
{
font-size: 2.225rem;
line-height: 3.8rem;
}
#copyright
{
margin-top:-3.4%;
}
div.social_icons
{
height:4%;
right: 17.1%;
margin-top: -5.1%;
}
#why_voraco_container
{
padding-top: 5.5%;
}
#why_voraco_container
{
padding-bottom: 12%;
}
p#read_more_header
{
font-size: 1.3125rem;
}
.msg_container span
{
width: 42px;
height: 42px;
}
}
@media screen and (min-width:1680px)
{
}
/* --------------------------------------------------------- Media Query for 1920 --------------------------------------------------*/
@media screen and (min-width:1920px) and (max-width:2400px) and (min-height:969px)
{
#first_dialog h1
{
top: 265px;
}
#we_are_container
{
min-height: 715px;
}
#site_desc
{
margin-top: 715px;
}
#first_dialog
{
min-height: 459px;
}
#site_desc p {
font-size: 3.05rem;
line-height: 3.9rem;
}
.hori_holder
{
height:300px;
}
#tiles_holder
{
font-size:1.95rem;
}
#image_container
{
width: 80%;
height: 77.3%;
}
#pagination_bar
{
bottom: 0%;
}#pagination_bar p
{
font-family: Fabriga-Light;
font-size: 1.45rem;
}
#wtwedo_desc h4
{
font-size: 1.35rem;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size:2.31rem;
line-height: 3.2rem;
padding-right: 25%;
}
.bold_statements
{
font-size: 2.85rem;
}
#wtwedo_desc p
{
font-size: 2.35rem;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 2.11rem;
line-height: 3.1rem;
padding-top: 3%;
}
#sub_section_title p
{
font-size: 1.7rem;
}
.subsection_container h2
{
font-size: 1.85rem;
}
.section_desc p
{
font-size: 1.95rem !important;
line-height: 2.4rem;
}
h4#tags_title .tags_title_big
{
font-size: 1.95rem;
}
h4#tags_title .tags_title_small
{
font-size: 1.15rem;
}
p.tags_values
{
font-size: 1.4rem !important;
}
#wtwedont_desc h4
{
font-size: 1.85rem;
}
#wtwedont_desc p
{
line-height: 3.65rem;
font-size: 2.7rem;
padding-right: 25%;
}
#voraco_bg_section
{
height: 25.4%;
}
h3#wwwwc_title
{
font-size: 1.75rem;
}
p#wwwc_desc
{
font-size: 2.35rem;
line-height: 3.4rem;
padding-right: 25%;
}
#clients_showcase_container h5
{
font-size: 1.85rem;
}
#clients_showcase_container p
{
font-size: 3.1rem;
padding-bottom: 7.5%;
line-height: 5rem;
padding-right: 0%;
}
.dot_sign
{
font-size:2rem;
}
h2#wv_title
{
font-size: 1.75rem;
}
p.wv_desc {
font-size: 2.15rem;
line-height: 3rem;
padding-right: 25%;
}
h4.wv_sub_title
{
font-size: 2.05rem;
}
.top_title_pos p {
margin: 0;
font-size: 1.85rem;
line-height: 2.2rem;
}
.bottom_title_pos p {
margin: 0;
font-size: 1.85rem;
line-height: 2.2rem;
}
.hori_holder
{
height: 319px;
}
h3#contact_title
{
font-size: 1.75rem;
}
p#p_desc
{
font-size: 2.21rem;
line-height: 3.65rem;
}
input.contact_input_ele
{
width: 75%;
font-size: 1.81rem;
}
textarea.contact_input_ele
{
font-size: 1.81rem;
height: 18rem;
width: 75%;
}
input#submit_button
{
font-size: 1.81rem;
}
#footer_notes h6
{
margin-top: 5%;
font-size: 1.85rem;
}
#footer_notes p
{
font-size: 1.65rem;
}
#copyright
{
font-size: 1.35rem;
}
#why_voraco_container
{
padding-top: 7.5%;
padding-bottom: 11.5%;
}
input#submit_button {
margin-right: 22.9%;
}
p.wv_desc
{
padding-bottom: 3%;
}
}
/* --------------------------------------------------------- Media Query for 1920 --------------------------------------------------*/
@media screen and (min-width:1920px) and (max-width:2400px) and (min-height:1400px)
{
#voraco_bg_section
{
height: 25.4%;
}
#site_desc p
{
font-size: 3.55rem;
line-height: 4.6rem;
padding-right: 34%;
}
p#read_more_header
{
font-size: 2.2375rem;
}
#wtwedo_desc h4
{
font-size: 2.175rem;
}
.bold_statements
{
font-size: 3.175rem;
}
#wtwedo_desc p
{
font-size: 3rem;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 2.675rem;
line-height: 3.7rem;
padding-top: 1.5%;
padding-right: 19%;
}
#sub_section_title p
{
font-size: 2.425rem;
}
.subsection_container h2
{
font-size: 2.675rem;
}
.icon_holder
{
width: 46px;
height: 46px;
}
.section_desc p
{
font-size: 2.425rem !important;
line-height: 3.4rem;
}
#sub_section_container {
width: 85%;
}
#wtwedo_desc h4
{
font-size: 2.175rem;
}
p.tags_values
{
font-size: 2.1rem !important;
line-height: 3.6rem;
}
.main_gallery
{
width: 100%;
height: 60%;
}
p.why_desc {
font-size: 3rem;
line-height: 4.4rem;
}
h3.why_sub_heading
{
font-family: Fabriga-Bold;
color: black;
font-size: 3rem;
}
h2.why_header {
font-family: Fabriga-Bold;
font-size: 2.425rem;
}
p#wwwc_desc
{
font-size: 2.6rem;
padding-right: 20.3%;
}
.flickity-page-dots .dot
{
width: 91px !important;
height: 10.5px !important;
margin: 0 15.1px !important;
}
.flickity-page-dots
{
padding-left: 17.3% !important;
}
h3#wwwwc_title
{
font-size: 2.5rem;
}
#clients_showcase_container p
{
font-size: 3.5rem;
line-height: 5rem;
padding-right:0;
padding-bottom:0;
}
.dotla:before
{
font-size: 4.4rem;
margin-left: 2%;
margin-right: 2%;
}
.meet_the_team_title p
{
font-size: 2rem;
}
.top_title_pos p
{
font-size: 2.65rem;
line-height: 3.2rem;
}
.bottom_title_pos p
{
font-size: 2.65rem;
line-height: 3.2rem;
}
h3#contact_title
{
font-size: 2.75rem;
}
p#p_desc
{
font-size: 3.21rem;
line-height: 2.35rem;
}
input.contact_input_ele
{
width: 77.7%;
font-size: 2.81rem;
}
textarea.contact_input_ele
{
font-size: 2.81rem;
width: 77.7%;
}
input#submit_button
{
margin-right: 20.3%;
}
#footer_notes h6
{
margin-top: 5%;
font-size: 2.35rem;
margin-bottom: 4%;
}
#footer_notes p
{
font-size: 2.4rem;
}
#copyright
{
font-size: 1.85rem;
margin-right: 20.3%;
}
#image_4 img
{
width: 90%;
}
#clients_showcase_container h5
{
font-size: 2.65rem;
padding-bottom: 0%;
}
span#V, span#O, span#R, span#A, span#C, span#O2
{
padding-top: 22.5%;
padding-bottom: 22.5%;
font-size: 35rem;
}
#voraco_bg_section
{
padding-top: 22.5%;
padding-bottom: 22.5%;
height: 36.4%;
}
.msg_container span
{
width: 62px;
height: 62px;
}
}
@media screen and (min-height: 900px)
{
#first_dialog h1
{
top:181.4px;
}
}
@media screen and (min-height:1100px) and (min-width:1600px) and (max-width:1700px)
{
#first_dialog h1
{
top:202.8px;
}
}
/* --------------------------------------------------------- Media Query for 1920 x 1200 ----------------------------------------------------*/
@media screen and (min-width:1900px) and (max-width: 1920px) and (min-height:1019px)
{
#first_dialog h1
{
top: 272.4px;
}
#we_are_container
{
min-height: 715px;
}
#site_desc
{
margin-top: 715px;
}
#first_dialog
{
min-height: 459px;
}
#site_desc p {
font-size: 2.85rem;
line-height: 4.5rem;
}
#voraco_gallery
{
height: 79.6%;
}
#wtwedo_desc h4
{
font-size: 1.85rem;
}
#wtwedo_desc p
{
font-size: 2.25rem;
}
.bold_statements
{
font-size: 2.65rem;
}
.subsection_container h2
{
font-size: 2.25rem;
}
.icon_holder
{
width: 36px;
height: 36px;
}
#wtwedont_desc p
{
font-size: 2.5rem;
line-height: 3.2rem;
}
#wtwedont_desc h4
{
font-size: 2.05rem;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 2.11rem;
padding-top:0%;
line-height: 3.2rem;
}
.section_desc p
{
font-size: 2.05rem !important;
line-height:3rem;
}
h4#tags_title .tags_title_big
{
font-size: 2.05rem;
}
h4#tags_title .tags_title_small
{
font-size: 1.15rem;
}
p.tags_values
{
font-size: 1.5rem !important;
}
#voraco_bg_section
{
height: 46%;
}
#who_we_wrked_with_container
{
padding-top: 9%;
}
p#wwwc_desc
{
font-size: 2.05rem;
line-height: 2.8rem;
}
#clients_showcase_container h5
{
font-size: 1.65rem;
}
#clients_showcase_container p
{
font-size: 3rem;
line-height: 4.65rem;
padding-right: 0%;
padding-bottom:0;
}
.flickity-prev-next-button.previous
{
left: 20px;
}
.flickity-prev-next-button.next
{
right: 20px;
}
.dotla:before
{
content: " \B7 ";
font-size: 4.3rem;
}
#why_voraco_container
{
padding-top: 7.5%;
padding-bottom: 12%;
}
h2#wv_title
{
font-size: 1.65rem;
}
p.wv_desc
{
font-size: 2.25rem;
line-height: 2.9rem;
}
h4.wv_sub_title
{
font-size: 1.85rem;
}
.hori_holder
{
height: 319px;
}
.top_title_pos p {
padding-left: 9.5%;
font-size: 1.85rem;
line-height: 2.3rem;
position: relative;
}
.bottom_title_pos p
{
font-size: 1.85rem;
line-height: 2.3rem;
}
#richa_tile span p
{
font-size: 1.85rem;
line-height: 2.3rem;
}
#pramod_tile span p
{
font-size: 1.85rem;
line-height: 2.3rem;
}
#shreedavy_tile span p
{
font-size: 1.85rem;
line-height: 2.3rem;
}
.meet_the_team_title p
{
font-size: 1.75rem;
line-height: 1.8rem;
padding-left: 3.6%;
}
h3#contact_title
{
font-size: 1.9125rem;
}
p#p_desc
{
font-size: 2.01rem;
line-height: 3.15rem;
}
input.contact_input_ele
{
width: 78%;
font-size: 1.71rem;
}
textarea.contact_input_ele
{
width: 78%;
font-size: 1.71rem;
height: 18rem;
}
input#submit_button
{
font-size: 1.61rem;
}
#footer_notes h6
{
font-size: 1.65rem;
}
#footer_notes p
{
font-size: 1.55rem;
}
#copyright
{
font-size: 1.45rem;
margin-right: 20%;
margin-top: -3.8%;
}
#confirm_msg
{
font-size: 1.5rem;
}
.bottom_title_pos p
{
padding-top:69%;
padding-left:9.5%;
}
/********************************************************************* NEW ELEMENTS 1/15 ********************************************************************/
span#V, span#O, span#R, span#A, span#C, span#O2
{
font-size: 31rem;
}
h2.why_header
{
font-size: 2.05rem;
}
h3.why_sub_heading
{
font-size: 2.15rem;
}
p.why_desc
{
font-size: 2.7rem;
line-height: 4.2rem;
}
.flickity-page-dots
{
padding-left: 16.9% !important;
}
.main_gallery
{
width: 100%;
height: 80%;
}
.flickity-prev-next-button
{
width: 64px;
height: 64px;
}
.flickity-page-dots .dot
{
display: inline-block;
width: 65px !important;
height: 6.5px !important;
margin: 0 21px !important;
}
.client_brands p
{
font-size: 3.5rem;
line-height: 4.85rem;
}
.top_title_pos p
{
font-size: 2.35rem;
line-height: 2.9rem;
}
.bottom_title_pos p
{
font-size: 2.35rem;
line-height: 2.9rem;
}
p#wwwc_desc
{
font-size: 2.35rem;
line-height: 3.4rem;
}
p#p_desc
{
font-size: 2.41rem;
line-height: 1.75rem;
margin-bottom: 3.5%;
margin-top: 3%;
}
.meet_the_team_title p
{
padding-left: 9.5%;
}
input.contact_input_ele
{
width: 78%;
font-size: 2.51rem;
}
textarea.contact_input_ele
{
width: 78%;
font-size:2.51rem;
height: 18rem;
max-width: 78%;
}
#footer_notes h6
{
font-size: 2.05rem;
line-height: 0.4rem;
margin-bottom: 4%;
}
#footer_notes p
{
font-size: 1.95rem;
line-height:3rem;
}
.sub_btn p
{
font-size: 2.2125rem;
}
.btn_arrw img {
width: 11%;
}
div.social_icons
{
right: 15.6%;
margin-top: -6%;
}
div.sub_btn {
width: 12%;
}
input#submit_button
{
margin-right: 19.9%;
}
#site_desc p#read_less_header
{
font-size:1.55rem;
margin:0;
text-align: left;
color:#666666;
}
p#read_more_header:hover
{
cursor:pointer;
}
#site_desc p
{
font-size: 3.3rem;
line-height: 4rem;
}
p#read_more_header
{
font-size:1.55rem;
margin:0;
text-align: left;
color:#666666;
}
.close_gap_state
{
line-height: 1.05rem;
}
#clients_showcase_container h5
{
font-size: 1.65rem;
margin-bottom: 0;
}
.bottom_title_pos p
{
padding-top:60%;
padding-left:9.5%;
}
.msg_container span
{
width: 60px;
height: 60px;
right: 22%;
}
/********************************************************************* NEW ELEMENTS 1/15 ********************************************************************/
}
/* ---------------------------------------------------------Media Query for 2560 x 1440 ----------------------------------------------------------*/
@media screen and (min-device-width:2300px) and (min-device-height:1300px)
{
#first_dialog h1
{
top: 61px;
font-size: 12rem;
}
#we_are_container h1
{
font-size: 12rem;
}
#we_are_container
{
min-height: 920px;
}
#site_desc
{
margin-top: 920px;
}
#site_desc p
{
font-size: 5rem;
line-height: 6rem;
padding-right: 28%;
}
.bold_statements
{
font-size: 3.96rem;
}
#wtwedo_desc p
{
font-size: 3.45rem;
}
.close_gap_state
{
line-height: 0.75rem;
}
#wtwedo_desc h4
{
margin-bottom: 3%;
margin-top: 3%;
}
#pagination_bar
{
position: absolute;
right: 14%;
bottom: -1%;
}
#pagination_bar p
{
font-size: 2.41rem;
}
p#read_more_header
{
font-size:2.6rem;
}
#wtwedo_desc p.wtwedo_desc_sec
{
font-size: 3.21rem;
line-height: 4.6rem;
}
#wtwedo_desc h4
{
font-weight: normal;
font-size: 2.81rem;
}
#sub_section_title p
{
font-size: 3rem;
}
.subsection_container h2
{
font-size: 3.25rem;
}
.icon_holder
{
width: 52px;
height: 52px;
}
#sub_section_container
{
width: 85%;
}
.section_desc p
{
font-size: 2.75rem !important;
line-height: 3.6rem;
}
h4#tags_title
{
font-size: 2.35rem;
}
.icon_holder
{
margin-top: 2.4%;
}
h4#tags_title
{
font-size: 2.2rem;
}
p.tags_values
{
font-size: 2rem !important;
}
}