html body
{
margin:0;
padding:0;
font-size:100%;
overflow-x: hidden;
text-rendering: geometricPrecision;
}
*
{
text-rendering: optimizeLegibility !important;
}
a
{
text-decoration:none;
border:none;
color:unset;
}
#main_content_container
{
width:100%;
height:100vh;
}
.client_header_desc
{
padding-left:18%;
width:82%;
height:auto;
margin-bottom: 4%;
}
h5.first_lh
{
margin-top: 9%;
margin-bottom: 6%;
}
h5.client_page_crumb
{
font-family: Fabriga-Light;
font-size:1.3125rem;
color:#B2B2B2;
font-weight:normal;
}
h1.client_name
{
font-family:Fabriga-Bold;
font-size:2.5rem;
color:#282726;
margin-bottom:0%;
}
h3.client_location
{
font-family:Fabriga-Light;
font-size:1.3125rem;
color: #282726;
margin-top: 0%;
font-weight: normal;
}
h3.client_sub_title
{
font-family: Fabriga-Bold;
font-size: 2.4vw;
margin-top: 8%;
}
div.slogan_container {
padding-left: 18%;
padding-right: 15%
}
.slogan_container p
{
font-size: 1.9rem;
font-family: Fabriga-Light;
line-height: 2.9rem;
}
h2.slogan_desc
{
font-family: 'Copernicus-Book';
font-weight: normal;
font-size: 3vw;
line-height: 7.5vw;
margin-top: 0%;
letter-spacing: 0.1vw;
padding-bottom:3%;
}
.opac
{
opacity:0;
}
span.cop_ita
{
font-family: 'Galaxie-mediumItalic';
color:#999999;
}
div.main_info_desc
{
padding-left: 18%;
padding-right: 15%;
}
div.main_info_desc h3
{
font-family: Fabriga-Bold;
font-size: 2.4vw;
margin-top: 8%;
}
div.main_info_desc p
{
font-size: 1.9rem;
font-family: Fabriga-Light;
line-height: 2.9rem;
}
span.fab_reg
{
font-family: Fabriga-Regular;
}
p.oran_color
{
color:#f15a24;
}
span.oran_color
{
color:#f15a24;
}
h4.main_info_coper
{
font-family: 'Copernicus-Book';
font-size: 1.7vw;
}
div.main_info_desc ul li
{
font-family: 'Copernicus-Medium';
font-size: 1.4vw;
line-height: 2.5vw;
font-weight:normal;
}
div.prv_services
{
padding-left:18%;
width:82%;
height:auto;
}
div.design_breaker_container
{
background-color: #f2f2f2;
margin-right: 15%;
padding-left: 18%;
padding-top: 5%;
margin-top: 5%;
padding-bottom: 0.5%;
}
a.clickto
{
text-decoration:underline;
transition: all ease 0.8s;
}
a.clickto:hover
{
color:#A0A0A0;
}
div.design_breaker_container h2
{
font-family: 'Fabriga-Bold';
font-size: 2.4vw;
}
div.design_breaker_container p
{
font-family: 'Copernicus-Book';
font-size: 3.2vw;
line-height: 4.6vw;
}
h4.slogan_coper
{
font-family: 'Copernicus-Book';
color: #cccccc;
font-weight: normal;
font-size: 3.2vw;
margin-top: 10%;
margin-bottom: 10%;
line-height: 5vw;
opacity:0;
}
div.parrallax_container
{
background-color:#cccccc;
padding-left: 18%;
padding-right: 15%;
padding-top: 10%;
padding-bottom: 10%;
margin-top: 5%;
margin-bottom: 5%;
}
div.parrallax_container h4
{
font-family:Fabriga-Bold;
font-weight:normal;
font-size: 2.7vw;
}
span.cop_italics
{
font-family: 'Galaxie-mediumItalic';
}
.prv_services p
{
display:inline;
font-family: Copernicus-Book;
font-size:1.25rem;
line-height:2rem;
color:#282726;
}
.dotla:before
{
content: " \B7 ";
font-size:1.8rem;
text-decoration: none;
display: inline-block;
color: #282726;
margin-left: 1.2%;
margin-right: 1.2%;
font-family: Fabriga-Bold;
}
.crucial_dotla:before
{
content: " \B7 ";
font-size:1.7rem;
text-decoration: none;
display: inline-block;
color: #282726;
margin-left: 0.5%;
margin-right: 0.5%;
font-family: Fabriga-Bold;
}
.service_duration_container
{
padding-left:18%;
width:82%;
height:auto;
margin-top: 3%;
margin-bottom: 4%;
}
h4.service_duration
{
font-family:Fabriga-Light;
font-size:1.3125rem;
color:#989898;
font-weight:normal;
}
.client_hero_image
{
width:90%;
height:auto;
padding-left: 10%;
}
.client_hero_image img
{
width:100%;
height:auto;
}
.client_service_desc
{
padding-left:18%;
padding-right: 15%;
padding-top: 2.5%;
padding-bottom: 2.5%;
}
.client_service_desc p
{
font-size: 1.9rem;
font-family:Fabriga-Light;
line-height: 2.9rem;
}
.voraco_seal_container
{
position: absolute;
right: 10%;
width: 12%;
height: auto;
top: 6.3%;
}
.voraco_seal_container img
{
width:100%;
height:auto;
}
.client_work_container
{
width:100%;
height:auto;
}
.key_srvs_container
{
margin-left: 10%;
padding-left: 8%;
background-color:#EAEAEA;
padding-top:7%;
padding-bottom: 6%;
}
.crucial_services
{
margin-left: 10%;
padding-left: 8%;
background-color:#EAEAEA;
padding-top: 1.5%;
padding-bottom: 3%;
}
h6.key_srv_tags
{
font-family: Copernicus-Book;
font-weight: normal;
font-size:1.25rem;
color:#282726;
margin-bottom: 4%;
}
h6.crucial_srv_tags
{
font-family: Copernicus-Book;
font-size:1.25rem;
color:#282726;
margin-bottom: 4%;
font-weight:normal;
}
.key_srvs_grid
{
width: 100%;
flex: row;
display: flex;
flex-wrap: wrap;
}
.crucial_grid
{
width: 100%;
flex: row;
display: flex;
flex-wrap: wrap;
}
.key_srvs_tile
{
width: 28%;
height: auto;
margin-right: 3.1333%;
margin-bottom: 8%;
}
.crucial_tile
{
width: 28%;
height: auto;
margin-right: 3.1333%;
margin-bottom: 8%;
}
.key_tile_image
{
width:100%;
height:auto;
display: inline-block;
overflow: hidden;
margin-right: 0%;
}
.crucial_image
{
width:100%;
height:auto;
display: inline-block;
overflow: hidden;
margin-right: 0%;
}
.key_tile_image img
{
transition:all ease-in-out 1.2s;
cursor:pointer;
width:100%;
height:100%;
}
.key_tile_image img:hover
{
transform:scale(1.15);
-ms-transform:scale(1.15); /* IE 9 */
-moz-transform:scale(1.15); /* Firefox */
-webkit-transform:scale(1.15); /* Safari and Chrome */
-o-transform:scale(1.15); /* Opera */
}
.crucial_image img
{
transition:all ease-in-out 1.2s;
cursor:pointer;
width:100%;
height:auto;
}
.crucial_image img:hover {
transform:scale(1.15);
-ms-transform:scale(1.15); /* IE 9 */
-moz-transform:scale(1.15); /* Firefox */
-webkit-transform:scale(1.15); /* Safari and Chrome */
-o-transform:scale(1.15); /* Opera */
}
.key_tile_desc
{
width:100%;
height:auto;
}
.key_tile_desc p
{
font-size:1.125rem;
font-family:Fabriga-Light;
padding-right: 0%;
line-height: 1.5rem;
color: #4D4D4D;
margin-top:1.5%;
margin-bottom:1.5%;
}
.key_tile_desc h5
{
font-size:1.125rem;
font-family:Fabriga-Light;
padding-right: 7%;
line-height: 1.5rem;
color: #4D4D4D;
margin-top:3%;
margin-bottom:3%;
}
.crucial_desc
{
width:100%;
height:auto;
}
.crucial_desc p
{
font-size:1.125rem;
font-family:Fabriga-Light;
padding-right: 0%;
line-height: 1.5rem;
margin-top: 1.5%;
margin-bottom: 1.5%;
color: #4D4D4D;
}
.crucial_desc h5
{
font-size: 1.125rem;
font-family: Fabriga-Medium;
padding-right: 15%;
line-height: 1.5rem;
margin-top: 3%;
margin-bottom: 3%;
color: #4D4D4D;
}
.client_work_gallery
{
width:90%;
height: 640px;
padding-right:10%;
background-color:#EAEAEA;
}
.transparent
{
opacity:0;
}
.work_image_container
{
width:1280px;
position:absolute;
height:640px;
overflow:hidden;
}
.work_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;
}
.more_projs_container
{
width:82%;
padding-left:18%;
height:auto;
padding-top: 8%;
padding-bottom: 8%;
}
h4.more_projs_title
{
font-family:Fabriga-Bold;
font-size:1.3125rem;
color:#B2B2B2;
letter-spacing: 0rem;
}
.more_projs_grid
{
width: 100%;
flex: row;
display: flex;
flex-wrap: wrap;
}
.more_projs_tile
{
width: 28%;
height: auto;
margin-right: 3.1333%;
margin-bottom: 8%;
}
.proj_image
{
width: 100%;
height: auto;
display: inline-block;
overflow: hidden;
margin-right: 0%;
}
.proj_image img
{
transition: all ease-in-out 1.2s;
cursor: pointer;
width: 100%;
height: auto;
}
.proj_desc
{
width: 100%;
height: auto;
}
.proj_desc h6
{
font-family:Fabriga-Medium;
font-size:1.3125rem;
margin-top: 3%;
margin-bottom: 3%;
color:#4D4D4D;
}
.proj_desc p {
font-size: 1.125rem;
font-family: Fabriga-Light;
padding-right: 0%;
line-height: 1.7rem;
color: #4D4D4D;
margin-top: 1.5%;
margin-bottom: 1.5%;
color:#4D4D4D;
}
p.disclaimer_desc {
font-family: Copernicus-Book;
padding-right: 17%;
font-size: 1rem;
line-height: 1.85rem;
}
p.pub_date {
font-size: 0.9rem;
}
.contact_forum_container
{
width:82%;
padding-left:18%;
background-color:#333333;
padding-top:5%;
padding-bottom: 2%;
}
h4.contact_forum_title
{
font-family: Fabriga-Light;
font-weight: normal;
font-size: 3rem;
line-height: 1.8rem;
margin-bottom: 2%;
margin-top: 2%;
color:#B2B2B2;
}
p.contact_forum_desc
{
font-family:Fabriga-Light;
font-size:1.5rem;
color:#B2B2B2;
line-height: 2rem;
}
.forum_area
{
padding-top:4%;
}
h2.connect_title
{
font-family:Fabriga-Bold;
font-size:1.3125rem;
color:#B2B2B2;
}
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%;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 2%;
margin-bottom: 4%;
font-family: Fabriga-Light;
color: #999999;
font-size: 1.41rem;
height: 13rem;
max-width: 76%;
min-width: 76%;
min-height: 10rem;
max-height: 16rem;
}
.msg_container span
{
position: absolute;
top: -7%;
right: 24%;
width: 42px;
height: 41px;
}
#attach_icon
{
z-index: 999;
}
.attachment
{
background-image: url(../../../Images/attachment.svg);
background-size: contain;
background-position: 100%;
background-repeat: no-repeat;
cursor: pointer;
}
span#file_names
{
padding-right: 3.5%;
font-family: Fabriga-Light;
color: #B3B3B3;
margin-top: 0%;
margin-bottom: 3%;
width: 12%;
top: 3%;
}
#mail_sent_confirmation
{
color: #808080;
font-family: Fabriga-Light;
font-size: 1.15rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
#confirm_msg
{
transition: all ease .8s;
display: none;
}
#processing_Msg
{
transition: all ease .8s;
display: none;
}
#mail_sent_confirmation p
{
padding-left: 3%;
}
.upload_input
{
position: absolute;
z-index: -1;
opacity: .00001;
color: #fff;
pointer-events: none;
resize: none;
}
input#submit_button:hover
{
background-color: #FCFCFC;
color: #333333;
border: 0.5px solid #333333;
cursor: pointer;
}
input#submit_button
{
background-color: #333333;
text-align: right;
width: 15%;
border: none;
color: #B3B3B3;
border: 0.5px solid #FCFCFC;
font-size: 1.31rem;
float: right;
margin-right: 22%;
padding-top: 1%;
padding-bottom: 1%;
padding-right: 1.25%;
transition: all ease .8s;
}
.footer_copyright_container
{
padding-top:6%;
}
#footer_notes h6
{
color: #B3B3B3;
margin-top: 3%;
font-size: 1.25rem;
font-family: Fabriga-Medium;
line-height: 1.35rem;
margin-bottom: 1%;
}
#footer_notes p
{
color: #808080;
font-family: Fabriga-Light;
font-size: 1.15rem;
line-height: 1.35rem;
margin-top: 1%;
}
#copyright {
font-family: Fabriga-Light;
color: #808080;
font-size: 1.125rem;
margin-top: 2%;
padding-bottom: 2%;
text-align: right;
margin-right: 22.4%;
}
p.mailto_tag
{
font-size:1.5rem;
color:#F1F1F1;
}
.msg_container {
position: relative;
display: inline-block;
width: 100%;
}
.pag_container
{
background-color:#EAEAEA;
margin-left:10%;
padding-top: 1.5%;
padding-right:10%;
}
.slider_pagination_bar
{
width: 11.2%;
min-height: 38%;
position: relative;
bottom: 0%;
display: flex;
margin-left: auto;
}
.pag_dots
{
width: 18%;
height: 5px;
background-color: rgba(203,203,203,1);
margin-right: 1%;
transition: all ease 1.2s;
margin-left: auto;
}
.pag_dots:hover
{
cursor:pointer;
}
.pag_active
{
background-color:rgba(152,152,152,1) !important;
}
#file_names p {
margin-top: 1%;
margin-bottom: 2%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
text-align: right;
}
span#file_names {
padding-right: 5%;
font-family: Fabriga-Light;
color: #B3B3B3;
margin-top: 0%;
margin-bottom: 3%;
width: 12%;
}
p.blog_title_desc
{
font-family:Fabriga-Light;
}
p.myraid_fo
{
font-family:Fabriga-LightItalic;
color:#cbcbcb;
}
/* GRID CONTAINER */
#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;
}
#image_4 img {
float: right;
margin-top: 32%;
width: 70%;
}
.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;
}
#row_5
{
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%;
}
/* END GRID CONTAINER */
.disclaimer_container
{
width:83%;
height:auto;
padding-top:2%;
margin-top: 3%;
border-top:1.25px solid #D7D7D7;
}
.write_tous_container
{
width:82%;
margin-left:18%;
padding-top: 5.5%;
padding-bottom: 6.5%;
}
p.write_tous_desc
{
font-size: 1.9rem;
font-family: Fabriga-Light;
line-height: 2.9rem;
margin-top: 0%;
margin-bottom:1%;
}
h5.write_tous_title
{
font-size: 2rem;
font-family: Fabriga-Bold;
line-height: 2.9rem;
margin-bottom:0%;
margin-top:1%;
}
.social_container
{
display:flex;
flex-direction:row;
width:50%;
background-color: orange;
}
.social_icon
{
width:42px;
height:auto;
}
.social_icon a img
{
margin-right:5%;
}
/* FOOTER SECTION */
#footer_container
{
width:82%;
padding-left:18%;
background-color:#333333;
padding-top:12%;
padding-bottom:8%;
}
a.mailto_href
{
text-decoration:none;
color:unset;
border-bottom: 1.05px solid #808080;
}
a.mailto_href:hover {
}
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%;
}
#footer_notes h6 {
color: #B3B3B3;
margin-top: 7%;
margin-bottom: 2%;
font-size: 1.25rem;
font-family: Fabriga-Medium;
line-height: 2rem;
}
#footer_notes
{
border-top: 1px solid #686868;
}
#footer_notes p {
color: #808080;
font-family: Fabriga-Light;
font-size: 1.15rem;
margin-top: -1.65%;
line-height: 2rem;
}
.video_container
{
width:100%;
height:auto;
}
#timelapse_video
{
width: 100%;
height: 100%;
object-fit: cover;
}
div.fadeUp
{
opacity:0;
display: inline-block;
}
div.fadeup_2
{
animation-delay:2s;
}
div.fadeup_3 {
animation-delay:3.2s;
}
div.fadeup_4
{
animation-delay:4.2s;
}
div.fadeup_5
{
animation-delay:4.8s;
}
.letter_fadeup
{
opacity:0;
}
.letter_fadeup_2
{
opacity:0;
}
.letter_fadeup_3
{
opacity:0;
}
.letter_fadeup_4
{
opacity:0;
}
.letter_fadeup_5
{
opacity:0;
}
.animated {
animation-duration: 1s !important;
}
.mob_only
{
display:none;
}
@media only screen and (min-device-width:320px) and (max-device-width:1024px)
{
.mobile_only
{
display:block;
}
.desktop_only
{
display:none;
}
#grid_container {
background-image: none;
}
.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: 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;
}
h5.client_page_crumb
{
font-size: 1.8125rem;
}
.prv_services p
{
font-size: 1.75rem;
line-height: 2.6rem;
}
h1.client_name
{
font-size: 3.1rem;
}
h3.client_location
{
font-family: Fabriga-Light;
font-size: 1.8125rem;
}
h4.service_duration
{
font-family: Fabriga-Light;
font-size: 1.8125rem;
}
.client_service_desc p
{
font-size: 2.8rem;
font-family: Fabriga-Light;
line-height: 3.3rem;
}
.client_service_desc
{
padding-left: 18%;
padding-right:4%;
}
#footer_container
{
width: 91.5%;
padding-left: 8.5%;
}
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%;
}
#copyright
{
margin-top: 0%;
text-align: left;
font-size: 1.15rem;
}
.tiles_mob img
{
-webkit-filter: grayscale(100%);
filter: grayscale(1);
}
.grey_bg_mob
{
background-color: #999999;
}
.silver_bg_mob
{
background-color: #CCCCCC;
}
.dark_grey_bg_mob
{
background-color: #666666;
}
#footer_notes h6
{
color: #B3B3B3;
margin-top: 8%;
font-size: 2rem;
line-height: 2.8rem;
}
#footer_notes p
{
font-size: 1.85rem;
margin-top: -1%;
line-height: 2.85rem;
}
.client_header_desc
{
padding-left: 5.33%;
}
.service_duration_container {
padding-left: 5.33%;
}
.voraco_seal_container {
right: 5.33%;
width: 17%;
top: 6.7%;
}
.client_hero_image {
width: 94.67%;
padding-left: 5.333%;
}
.client_service_desc {
padding-left: 5.333%;
}
.crucial_services {
margin-left: 5.33%;
padding-left: 5.33%;
padding-right: 8%;
padding-bottom: 10%
}
h6.crucial_srv_tags {
font-size: 2.15rem;
line-height: 4rem;
font-family: Copernicus-Medium;
margin-bottom: 12%;
}
.crucial_grid
{
display: block;
}
.crucial_tile
{
width: 100%;
}
.crucial_desc {
width: 100%;
padding-top: 6%;
}
.crucial_desc h5
{
font-size: 2.95rem;
margin-bottom: 5%;
}
.crucial_desc p
{
font-size: 2.95rem;
line-height: 3.75rem;
padding-right: 7%;
}
.key_srvs_container
{
margin-left: 5.33%;
padding-left: 5.33%;
padding-right: 8%;
}
.pag_container
{
background-color: #EAEAEA;
margin-left: 5.33%;
padding-left: 5.33%;
padding-top: 7%;
}
.slider_pagination_bar
{
width: 60%;
margin-right: auto;
margin-left: unset;
}
.pag_dots
{
width: 17%;
height: 10px;
margin-left: 0%;
margin-right: auto;
}
.key_srvs_grid
{
display: block;
}
h6.key_srv_tags
{
font-size: 2.15rem;
line-height: 3.7rem;
}
.key_srvs_tile
{
width: 100%;
}
.key_tile_desc h5
{
font-size: 2.95rem;
margin-bottom: 5%;
}
.key_tile_desc h5
{
font-size: 2.95rem;
margin-bottom: 5%;
}
.key_tile_desc p
{
font-size: 2.95rem;
line-height: 3.75rem;
}
.key_tile_desc
{
width: 100%;
padding-top: 6%;
}
.disclaimer_container p {
font-size: 2.35rem;
line-height: 3.75rem;
padding-right: 0%;
}
.disclaimer_container
{
width: 100%;
}
.write_tous_container {
width: 82%;
margin-left: 0%;
padding-left:5.33%;
}
h5.write_tous_title {
font-size: 2.4rem;
font-family: Fabriga-Bold;
line-height: 3.6rem;
}
p.write_tous_desc {
font-size: 2.2rem;
font-family: Fabriga-Light;
line-height: 3.3rem;
}
div.slogan_container
{
padding-left:5.33%;
padding-right:4%;
}
h2.slogan_desc {
font-size: 2.8vh;
line-height: 8.1vh;
letter-spacing: 0;
}
.slogan_container p {
font-size: 2.6rem;
line-height: 3.3rem;
}
div.main_info_desc
{
padding-left: 5.33%;
padding-right: 4%;
}
div.main_info_desc p
{
font-size: 2.6rem;
line-height: 3.3rem;
}
div.main_info_desc h3
{
font-family: Fabriga-Bold;
font-size: 3vh;
margin-top: 15%;
margin-bottom: 5%;
}
div.design_breaker_container
{
background-color: #f2f2f2;
margin-right: 4.33%;
padding-left: 5%;
padding-top: 12%;
margin-top: 5%;
}
div.design_breaker_container h2
{
font-size: 2.6vh;
}
div.design_breaker_container p
{
font-size: 2.2vh;
line-height: 4.1vh;
padding-bottom: 4%;
}
h4.slogan_coper
{
font-size: 2.8vh;
line-height: 5.3vh;
}
h4.main_info_coper
{
font-size: 1.9vh;
}
div.main_info_desc ul li
{
font-size: 2.1vh;
line-height: 3vh;
padding-bottom: 3vh;
}
h4.main_info_coper
{
font-size: 2.2vh;
line-height: 3.6vh;
}
.mob_only
{
display:block;
}
}
@media only screen and (min-device-width: 1100px) and (max-device-width: 1280px) and (min-height:680px) and (max-height:1000px)
{
div.social_icons
{
height: 4%;
right: 18.6%;
margin-top: -5.7%;
}
#copyright {
font-size: 1.05rem;
margin-top: -3.8%;
margin-right: 23.8%;
}
}
@media screen and (min-width:1680px) and (min-height:1050px) and (max-width:1820px)
{
div.social_icons
{
height: 4%
}
}
@media screen and (min-device-width:1365px) and (max-device-width:1500px) and (min-height:700px) and (max-height:920px)
{
div.social_icons
{
height:4%;
right: 17.1%;
margin-top: -5.1%;
}
}
@media screen and (min-width:1900px) and (max-width: 1920px) and (min-height:1019px)
{
div.social_icons
{
right: 15.6%;
margin-top: -6%;
}
#footer_notes h6
{
font-size: 2.05rem;
line-height: 0.4rem;
margin-bottom: 4%;
}
#footer_notes p
{
font-size: 1.95rem;
line-height: 3rem;
}
#copyright {
font-size: 1.45rem;
margin-right: 20%;
margin-top: -3.8%;
}
}