File: /home/vgijpbeijziw/public_html/verticalaccord.com/css/dillidesign.css
a{
transition: all 600ms ease-in-out;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
}
.fc-red{color:#393939;} // old c53b4a
.fc-white,.fc-white *{color:#fff;}
.fs-17,.fs-17 *{font-size:17px !important;}
h2 span{font-style:italic;font-weight:700;}
.bg-white{background:#fff;}
.bg-gray{background:#f2f2f2}
.bg-red{background:#e6e6e6} // c53b4a
.bg-gray1{background:#5f5f60} //5f5f60
.m-b-5{margin-bottom:5rem;}
.header.header{
box-shadow: 0px 4px 6px #e4e3e3;
-webkit-box-shadow: 0px 4px 6px #e4e3e3;
-moz-box-shadow: 0px 4px 6px #e4e3e3;
z-index: 999;
position: relative;
background: #fff;
}
.contact{background:#fff;}
.con-inner *{text-align:left;}
.footer-top{border-bottom:2px solid #fff;}
.con-inner a{display:block; font-size:2.1rem;}
.copy-right{font-size:1.3rem;}
.footer-section a:hover{color:#fff;opacity:.8;}
ul.social-icons li{list-style-type:none;display:inline-block;}
#contact-form {
position: relative;
margin: 5px 0;
}
#contact-form input[type="email"] {
padding-left: 5px;
width: 100%;
border: none;
height: 36px;
border-radius: 3px;
color: #000;
}
#contact-form input[type="submit"] {
background: url(../img/news-send.png) no-repeat center center;
position: absolute;
right: 14px;
top: 8px;
width: 18px;
height: 18px;
text-indent: -99px;
border: none;
}
.owl-theme .owl-dots {
position: absolute;
right:25px;
bottom: 0;
}
.owl-theme .owl-nav{
position: absolute;
left: 15px;
bottom: 0;
}
.client_container {
width: 100%;
height: 200px;
display: table;
background: #fff;
margin: 0 0 30px 0;
}
.cl_img{display:table-cell;
vertical-align:middle;}
.cl_img img{margin:0 auto;}
ul.service-inner-s {
text-align: center;
margin: 0 auto;
width: 80%;
padding: 0;
}
.client-inner{width:72%; margin:0 auto;}
.work_container{position:relative; margin-bottom:30px;}
.wrk-overlay{ position: absolute;
opacity:0;
width: 100%;
height: 100%;
top: 0;
padding: 2rem;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
cursor:pointer;
}
.wrk-table{display:table;height:100%;background: #f2f2f2; width:100%;}
.wrk-table h4{display:table-cell;vertical-align:middle; text-align:center;}
.wrk-table a{color:#c53b4a}
.wrk-table a:hover{text-decoration:none;}
.work_container:hover .wrk-overlay{opacity:1; top:0;cursor:pointer;}
.service-inner-s li:hover{background:#c53b4a;}
.service-inner-s li:hover p , .service-inner-s li:hover h4{color:#fff;}
.service-inner-s li {
list-style-type: none;
width: 33%;
padding: 3rem;
text-align: center !important;
float: left;
}
.service-inner-s li p {
text-align:center !important;
color:#6c6c6c;
font-size:1.5rem;font-weight:bolder;
}
.banner-content img{margin:0 auto;}
.ser-logo{background:url("../img/brand_logo.png");}
.ser-comm {background:url("../img/communication.png");}
.ser-webapp{background:url("../img/webapp.png");}
.s-img {width:70px; height:65px; margin:0 auto 30px;}
.service-inner-s li:hover .s-img{background-position:73px bottom;}
.banner-content ,.banner-content img{height:100%;}
.social li {
display: inline-block;
padding:10px;
}
.footer-top{position:relative;}
.owl-carousel,.owl-stage-outer,.owl-stage,.owl-item .item img{height:100%;}
.social ul{padding-right:0;}
.client_container{
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
cursor:pointer;
}
.wk,.cblk {
display:none;
}
.totop {
position: fixed;
bottom: 10px;
right: 20px;
}
.totop a {
display: none;
}
.more {
padding: 10px;
text-align: center;
position:relative;
transition: all 600ms ease-in-out;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
}
.more:before{content:'';background:url('../img/down-arrow.png'); position:absolute; width:35px;height:20px; margin-left: -16px;}
a.inner-hover:hover{
text-decoration:none;
}
a.inner-hover:hover h2{
color:#c53b4a;
}
.client_container:hover .cl_img img{opacity:.6;cursor:pointer; transform:scale(.8);transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transition: 0.6s;}
@media (min-width: 769px) {
.navbar-nav{float:right;}
section.menu-container {
float: right;
}
.social {
float: left;
}
.navbar{float:left;}
}
@media (min-width: 992px) {
.banner .col-md-4 ,.banner .col-md-8 {padding-left:0;padding-right:0; }
.banner .container-inner {
margin: 0 -20px;
}
ul.social-icons.p-l-0.m-b-0 {
position: absolute;
left: 50%;
margin-left: -87px;
bottom: 11px;
}
.con-inner{padding:0 4rem;}
}
@media (max-width:1024px) {
.client-inner {
width: 85%;
margin: 0 auto;
}
}
@media (max-width:992px) {
.service-inner-s li{width:100%;}
.logo img {
text-align: center;
margin: 10px auto 30px;
}
.con-inner * {
text-align: center;
margin: 0 auto;
}
}
@media (max-width:769px) {
.banner-content img {
margin: 0 auto;
}
.work-section .row .col-md-3 {
width: 44%;
display: inline-block;
}
.work-section{text-align:center;margin:0 auto;}
.social {
position: absolute;
top: -12rem;
right: 0;
}
.work-section .row .col-md-3 img{width:100%;}
.work_container {text-align: center;}
.client-inner {
margin: 0 auto;
text-align:center;
}.client-inner .col-md-3 {
width: 45%;
display: inline-block;
}
.navbar-header{ background-color: #414546;}
.navbar-nav {
margin: 0px 0px;
background: #414546;
}
.nav > li > a{color:#fff;}
.nav > li > a:hover{color:#c7003d;}
.dropdown-menu > li > a{color:#f8f6f6;}
}
@media (max-width:580px) {
.client-inner .col-md-3 {
width: 100%;
display: inline-block;
}
.wrk-overlay{padding:1rem;}
.wrk-overlay h4{font-size:1rem;}
}
.fg div{display:none;
padding: 10px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #fff;
box-shadow: 0 1px 1px #ccc;
margin-bottom: 5px;
background-color: #e6e6e6;} // f1f1f1