/* Free Template by www.templatemo.com */
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
/*For content*/
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic);
/*FOR HEADINGS*/
@import url(http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Cuprum);
/*font-family:'Cuprum', sans-serif !important;*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
/*font-size: 100%;*/
vertical-align: baseline;
}
html,body {
background: rgba( 240, 240, 240, 1);
line-height: 1;
font-family:'Cuprum', sans-serif !important;
/* background-image: url("../images/pattern3.png");
background-repeat: repeat;*/
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: none !important;
text-decoration: none;
}
a:active {
outline: none !important;
text-decoration: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
img {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
sub,
sup {
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
*overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]:-webkit-search-decoration {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
body {
font-family: 'Cuprum', sans-serif;
font-size: .83em;
line-height: 1.75;
color: #666666;
background-color: white;
text-rendering: optimizeLegibility;
overflow-x: hidden;
z-index: -10000;
}
a {
color: #ec523f;
text-decoration: none;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
a:hover {
color: black;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
color: #444444;
}
p{line-height:1.4em;}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
button,
input,
select,
textarea {
border: 1px solid #d5d5d5;
outline: 0;
padding: 10px 12px;
color: #666666;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
border-color: #666666;
}
#space
{
padding-top:60px;
}
#space01
{
padding-top:50px;
}
#space02
{
padding-top:40px;
}
#space0
{
padding-top:30px;
}
#Home{
background: rgba( 250, 250, 250, 1);
height: 100%;
min-height: 1px;
padding: 0em 0em 3em 0em;
background-size: cover;
}
.main-btn {
color: white;
border: 1px solid white;
padding: 12px 20px;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #e2e2e2;
margin: 40px 0;
}
.site-header ul.social-icons {
position: relative;
z-index: 11;
margin: 15px 0;
}
.site-header ul.social-icons li {
display: inline-block;
margin: 0 2px;
}
.site-header ul.social-icons li a {
width: 36px;
height: 36px;
background-color:#f79927;
color: #ffffff;
text-align: center;
text-decoration:none;
line-height: 36px;
border:1px solid #f79927;
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
}
.site-header ul.social-icons li a:hover {
width: 36px;
height: 36px;
background-color:#fff;
color: #CC6633;
text-align: center;
line-height: 36px;
border:1px solid #f79927;
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
}
.header_border_ob1{
width:60%;
left:20%;
position:relative;
border-bottom:1px solid #f79927;
}
.header_border_ob2{
width:20%;
left:40%;
margin-top:-2px;
position:absolute;
border:2px solid #333333;
}
.header_border_gb1{
position:relative;
border-bottom:1px solid #000000;
width:50%;
left:25%
}
.header_border_gb2{
position:absolute;
border:2px solid #f79927;
width:32%;
left:34%;
margin-top:-2px;
}
.header_border_wb1{
width:60%;
left:20%;
position:relative;
border-bottom:1px solid #f79927;
}
.header_border_wb2{
width:34%;
left:33%;
margin-top:-2px;
position:absolute;
border:2px solid #333333;
}
.main-header {
position: fixed;
width: 100%;
margin: 0 auto;
z-index: 2000;
top: 25px;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.scrolled {
position: fixed;
left: 0;
top: 0;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
#menu-wrapper {
background-color: rgba(255, 255, 255, 1);
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.logo-wrapper {
/*background: url(../images/InfiMind_logo.png) no-repeat;*/
height: 70px;
background-position: 15px;
}
/*#logo
{
padding-top:0px;
padding-left:5px;
}
#logo img{width:100%;}*/
.sp_offer_shadow
{
position:absolute;
width:170px;
border-radius:20px;
box-shadow:5px 0px 5px 5px rgba(0,0,0, 0.5);
}
.sp_offer_logo
{
top:52%;
left:23%;
position:absolute;
transition: transform 1s;
-webkit-animation:offer_logo_bounce 3s infinite;
animation:offer_logo_bounce 3s infinite;
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
@-webkit-keyframes offer_logo_bounce
{
0% {top:50%;}
50%{top:52%;}
100% {top:50%;}
}
@keyframes offer_logo_bounce
{
0% {top:50%;}
50%{top:52%;}
100% {top:50%;}
}
.sp_offer_web
{
top:52%;
left:44%;
position:absolute;
transition: transform 2s;
-webkit-animation:offer_logo_bounce 3s infinite;
animation:offer_logo_bounce 3s infinite;
animation-delay: 2s;
-webkit-animation-delay: 2s;
}
.sp_offer_graphic
{
top:52%;
left:65%;
position:absolute;
transition: transform 3s;
-webkit-animation:offer_logo_bounce 3s infinite;
animation:offer_logo_bounce 3s infinite;
animation-delay: 3s;
-webkit-animation-delay: 3s;
}
.offer_block
{
position:absolute;
right:25px;
bottom:20px;
}
.offer_ring
{
position:absolute;
bottom:-13px;
right:-4px;
width:10px;
height:10px;
border-radius:50%;
border:2px solid #000000;
}
.offer_line
{
position:relative;
border-left:3px solid #f79927;
height:55px;
bottom:-65px;
transition: transform 1s;
transform-origin:top center;
-webkit-animation:offer_jump 5s infinite;
animation:offer_jump 5s infinite;
}
@-webkit-keyframes offer_jump
{
0% {transform:rotate(30deg);}
50%{transform:rotate(-30deg);}
100% {transform:rotate(30deg);}
}
@keyframes offer_jump
{
0% {transform:rotate(30deg);}
50%{transform:rotate(-30deg);}
100% {transform:rotate(30deg);}
}
.offer_main
{
position:absolute;
right:-50px;
top:0px;
}
.offer_circlef
{
/*background-color:#f79927;*/
width:102px;
height:102px;
border-radius:50%;
right:0px;
top:50px;
transition: transform 1s;
}
.offer_main:hover .offer_circlef
{
transition: transform 0.5s;
transform: translate(-110px, 0px) rotate3d(0,1,0,-180deg) translate(-10px, 0px);
}
/*@-webkit-keyframes offer_open
{
0% {transform: translate(0px, 0px) rotate3d(0,0,0,0deg) translate(0px, 0px);}
100% {transform: translate(-110px, 0px) rotate3d(0,1,0,-180deg) translate(-10px, 0px);}
100% {transform: translate(0px, 0px) rotate3d(0,0,0,0deg) translate(0px, 0px);}
}
@keyframes offer_open
{
0% {transform: translate(0px, 0px) rotate3d(0,0,0,0deg) translate(0px, 0px);}
100% {transform: translate(-110px, 0px) rotate3d(0,1,0,-180deg) translate(-10px, 0px);}
100% {transform: translate(0px, 0px) rotate3d(0,0,0,0deg) translate(0px, 0px);}
}*/
/*.offer_circlef:hover {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
transform: translate(-110px, 0px) rotate3d(0,1,0,-180deg) translate(-10px, 0px);
}*/
.offer_circleb {
/*background-color: #FF9933;*/
width:100px;
height:100px;
border-radius:50%;
right:0px;
top:50px;
transition: transform 1s;
}
.logo-wrapper a {
display: inline-block;
overflow: hidden;
line-height: 100px;
text-transform: uppercase;
color: #ec523f;
font-size: 32px;
font-weight: 700;
}
/*menu new*/
#infi_menu, #infi_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#infi_menu, #infi_menu ul li{
width: 100%;
float: left;
list-style: none;
}
#infi_menu {
width: 960px;
}
#infi_menu:before,
#infi_menu:after {
content: "";
display: table;
}
#infi_menu:after {
clear: both;
}
#infi_menu {
height: 70px;
zoom:1;
margin-left:40px;
}
#infi_menu li {
float: left;
margin: 0 25px;
display: inline-block;
position: relative;
}
#infi_menu li.active a {
border-top: 3px solid #f79927;
color: #f79927;
float: left;
padding: 0px 10px;
text-decoration:none;
}
#infi_menu li:hover a {
border-top: 3px solid #f79927;
color: #f79927;
float: left;
padding: 0px 10px;
text-decoration:none;
}
#infi_menu li a {
text-decoration:none;
}
#infi_menu a {
color: #444444;
font-size: 18px;
font-weight: 400;
line-height: 70px;
padding: 0px 10px;
position: relative;
text-align: center;
text-transform: uppercase;
}
*html #infi_menu li a:hover { /* IE6 only */
color: #fafafa;
}
/*#infi_menu ul {
margin: 20px 0 0 0;
opacity: 0;
visibility: hidden;
position: absolute;
top: 70px;
left: 0;
z-index: 1;
background: #f79927;
transition: all .2s ease-in-out;
}*/
#infi_menu li:hover > #infi_submenu {
opacity: 1;
visibility: visible;
margin: 0;
}
#infi_menu #infi_submenu
{
margin: 20px 0 0 0;
opacity: 0;
visibility: hidden;
position: absolute;
top: 70px;
left: 0;
z-index: 1;
background: #f79927 none repeat scroll 0% 0%;
transition: all 0.2s ease-in-out 0s;
}
#infi_submenu li #infi_submenu {
top: 0;
left: 133px;
margin: 0 0 0 10px;
box-shadow: -1px 0px 0px rgba(255, 255, 255, 0.3)
}
#infi_menu li #infi_submenu li {
float: none;
border-top: 0;
display: inline-block;
margin: 5px 0px 0 0;
color:#444444;
line-height: 40; /*IE6 only*/
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
#infi_menu li #infi_submenu li:nth-child(2) {
padding-bottom:5px;
}
#infi_menu li #infi_submenu li:last-child {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#infi_menu li #infi_submenu li a:hover{
background-color: #f79927;
color:#ffffff;
}
#infi_menu li #infi_submenu li a {
line-height: 40px;
font-weight: 400;
font-size:18px;
border-top:0;
color:#444444;
}
#infi_menu li.active #infi_submenu li a
{
border-top:0 !important;
}
#infi_menu li .active {
border-top: 3px solid #f79927;
color: #f79927;
float: none;
}
#infi_menu ul li:last-child {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#infi_menu ul a {
padding-top:0px;
width: 150px;
line_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
color:#444444;
text-transform: none;
}
#infi_menu ul a:hover {
background-color: #ffffff;
color:#ffffff;
}
.menu-responsive{display:none;}
.infi_responsive_btn{background-color:#f79927;border:none;margin-top:15px;}
.infi_tab_menu{list-style:none;width:95%;margin-left:2%;}
.infi_tab_menu a li{background-color:#f79927;margin-top:6px;padding:10px;
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.infi_tab_menu a{font-size:14px;text-transform:uppercase;color:#ffffff;font-weight:bold;}
.infi_tab_menu a:hover{text-decoration:none;color:#f79927;}
.infi_tab_menu a li:hover{color:#f79927;}
.infi_tab_menu a li:hover{background-color:#ffffff;color:#f79927;border:1px solid #f79927;
-moz-box-shadow: -1px -1px 1px 1px rgba(245, 130, 32, 1);
-webkit-box-shadow: -1px -1px 1px 1px rgba(245, 130, 32, 1);
box-shadow: -1px -1px 1px 1px rgba(245, 130, 32, 1);
}
.infi_tab_menu a.sm_active li{background-color:#ffffff;color:#f79927;border:1px solid #f79927;padding:10px !important;
-moz-box-shadow: -1px -1px 1px 1px rgba(245, 130, 32, 1);
-webkit-box-shadow: -1px -1px 1px 1px rgba(245, 130, 32, 1);
box-shadow: -1px -1px 1px 1px rgba(245, 130, 32, 1);
}
.infi_tab_menu a.sm_active{color:#f79927;}
.infi_tab_menu li:nth-child(2){margin-top:15px;margin-bottom:15px;}
.infi_tab_menu li a{background-color:#f79927;padding:10px;
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.infi_tab_menu li a:hover{background-color:#ffffff;color:#f79927;border:1px solid #f79927;
-moz-box-shadow: -1px -1px 1px 1px rgba(245, 130, 32, 1);
-webkit-box-shadow: -1px -1px 1px 1px rgba(245, 130, 32, 1);
box-shadow: -1px -1px 1px 1px rgba(245, 130, 32, 1);}
.infi_tab_menu li:hover .infi_mobile_submenu{display:block;}
.infi_tab_menu li .infi_mobile_submenu{display:none;width:100%;}
.infi_tab_menu li .infi_mobile_submenu{list-style:none;}
.infi_tab_menu li .infi_mobile_submenu li a{background:none;color:#ffffff;font-size:14px;width:95%;}
#content_block .infi_quotePara{
color: rgba(209, 228, 74, 0.8);
font-weight: 600;
font-size: 2.4em;
line-height: 1.5em;
}
#content_block .infi_quotePara01{
color: rgba(207, 91,78, 0.9);
font-weight: 600;
font-size: 2.4em;
line-height: 1.5em;
}
#content_block .infi_quotePara01 span:first-child{
color: rgba(0,120,174,0.9);
font-weight:400;
font-size: 1.4em;
line-height: 1.5em;
}
#content_block .infi_quotePara01 span:nth-child(2){
color: rgba(0,120,174,0.9);
font-weight:900;
font-size: 1.6em;
line-height: 1.5em;
}
#content_block .infi_quotePara02{
/*color: rgba(0, 172, 192, 0.9);*/
color:#f79927;
font-weight: 500;
font-size: 1.4em;
line-height: 1.3em;
padding: 10px 10px 10px 20px;
background-color:rgba(255,255,255, 0.9);
}
#content_block .infi_quotePara03{
color:#f79927;
margin-top:15px;
}
.infi_rightcontent
{
color:#f79927;
margin-top:40px;
}
.infi_borderR{
float: left;
border-right:2px solid #444444;
}
.infi_borderL{
float: left;
border-left:2px solid #444444;
}
.infi_borderB{
float: left;
border-right:2px solid #444444;
border-left:2px solid #444444;
}
.infi_quotePara span{
color: #f79927;
line-height: 0.5em;
font-weight: 600;
font-size: 2em;
}
.infi_qbtnimage{
position: relative;
right: 0px;
background: url("../images/Quote_btn.png");
-ms-filter: drop-shadow(16px 16px 20px rgba(120,120,120,0.6));filter: drop-shadow(16px 16px 20px rgba(120,120,120,0.6));
}
.infi_qbtn{
background: rgba(0, 0, 0, 0) url("../images/Quote%20btn.png") repeat scroll 0 0;
border: 0 none;
float: right;
height: 75px;
padding: 0;
width: 300px;
}
.image_GrpMenu, .image_GrpMenu1{
float: left;
/*min-height: 300px;*/
margin:25px 0;
position: relative;
height: 100%;
width: 100%;
}
/*.infi_grap_ulleft{margin-left:120px;}
.infi_grap_lileft{margin-left:50px;}
.infi_grap_lileft1{margin-left:-50px;}*/
.infi_grap_ulleft{padding-left:120px;}
.infi_grap_lileft{margin-left:50px;}
.infi_grap_lileft1{margin-left:-50px;}
.image_GrpMenu ul, .image_GrpMenu1 ul{
float: left;
width: 100%;
/*min-height: 300px;*/
height: 100%;
display: inline-flex;
padding-left:20px;
}
.image_GrpMenu ul li{
height: 175px;
width: 175px;
-ms-filter: drop-shadow: 0 -10px 0 #1f628d; filter: drop-shadow: 0 -10px 0 #1f628d;
position: relative;
margin-left:-10px;
}
.image_GrpMenu1 ul li{
height: 115px;
width: 175px;
-ms-filter: drop-shadow: 0 -10px 0 #1f628d; filter: drop-shadow: 0 -10px 0 #1f628d;
position: relative;
margin-left:50px;
}
.image_GrpMenu1 ul li:nth-child(2){margin-left:150px;}
.image_GrpMenu1 ul li:last-child{margin-left:150px;}
.image_GrpMenu ul li a, .image_GrpMenu1 ul li a{text-decoration:none;}
.image_GrpMenu ul li:hover
{
}
.image_GrpMenu ul li img, .image_GrpMenu1 ul li img
{
position:absolute;
z-index:11;
}
.image_GrpMenu ul li:nth-child(2n){
left: 60px;
margin-left:-10px;
position: relative;
top: 120px;
}
.image_GrpMenu ul li:nth-child(2n) .image_GrpMenu_title
{
left:-160px;
padding:2px 20px 5px 0px;
}
.image_GrpMenu_title
{
color: #ffffff;
font-size: 20px;
font-weight:400;
position:absolute;
z-index:10;
padding:2px 0px 5px 20px;
top:25%;
left:70px;
width:186px;
text-decoration: none;
background-color:#f79927;
text-align: center;
position:absolute;
text-shadow:1px 1px 1px rgba(0,0,0,0.4);
border-radius:5px;
}
.image_GrpMenu_title2
{
width: 186px;
background-color: #333;
position: absolute;
z-index: 1;
left: 39%;
height: 5px;
top: 40%;
transform: skew(-40deg);
box-shadow: 5px -2px 3px 5px rgba(0, 0, 0, 0.6) !important;
border-radius: 1px;
}
.image_GrpMenu ul li:nth-child(2n) .image_GrpMenu_title2
{
width: 186px;
background-color: #333;
position: absolute;
z-index: 1;
left:-155px;
height: 5px;
top: 38%;
transform: skew(40deg);
box-shadow: -5px -2px 3px 5px rgba(0, 0, 0, 0.6) !important;
border-radius: 1px;
}
.infi_3dli_left1{margin-left:50px !important;}
.infi_3dli_left2{margin-left:250px !important;}
.infi_3dli_left3{margin-left:50px !important;}
.infi_3dtop{margin-top:20px;}
.infi_btn01 {
background: rgba(192,216,110,1);
background: -moz-linear-gradient(top, rgba(192,216,110,1) 0%, rgba(175,215,137,1) 24%, rgba(25,208,1,1) 67%, rgba(59,186,76,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(192,216,110,1)), color-stop(24%, rgba(175,215,137,1)), color-stop(67%, rgba(25,208,1,1)), color-stop(100%, rgba(59,186,76,1)));
background: -webkit-linear-gradient(top, rgba(192,216,110,1) 0%, rgba(175,215,137,1) 24%, rgba(25,208,1,1) 67%, rgba(59,186,76,1) 100%);
background: -o-linear-gradient(top, rgba(192,216,110,1) 0%, rgba(175,215,137,1) 24%, rgba(25,208,1,1) 67%, rgba(59,186,76,1) 100%);
background: -ms-linear-gradient(top, rgba(192,216,110,1) 0%, rgba(175,215,137,1) 24%, rgba(25,208,1,1) 67%, rgba(59,186,76,1) 100%);
background: linear-gradient(to bottom, rgba(192,216,110,1) 0%, rgba(175,215,137,1) 24%, rgba(25,208,1,1) 67%, rgba(59,186,76,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0d86e', endColorstr='#3bba4c', GradientType=0 );
-webkit-border-radius: 25;
-moz-border-radius: 25;
border-radius: 25px 0px 0px 25px;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
border-bottom: solid #1f628d 3px;
text-decoration: none;
}
.infi_btn01:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
.da-dots_1 span{
display: inline-block;
position: relative;
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(73,155,234,1);
background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(4,99,201,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(4,99,201,1)));
background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(4,99,201,1) 100%);
background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(4,99,201,1) 100%);
background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(4,99,201,1) 100%);
background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(4,99,201,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0463c9', GradientType=1 );
margin: 3px;
cursor: pointer;
box-shadow:
1px 1px 1px rgba(0,0,0,0.1) inset,
1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots_1 span.da-dots_1-current:after{
content: '';
width: 8px;
height: 8px;
position: absolute;
top: 2px;
left: 2px;
border-radius: 50%;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
/* Mobile */
#infi_menu-trigger {
display: none;
}
.infi_model_table{}
.infi_model_table tbody tr{background-color:#ffffff;border-bottom:1px solid #f0f0f0;width:100%;}
.infi_model_table tbody tr:first-child td:first-child:hover{background-color:#ffffff;}
.infi_model_table tbody tr:first-child:hover {background-color:#ffffff;}
.infi_model_table tbody tr:hover{background-color:#f0f0f0;}
.infi_model_table tbody tr:first-child td:first-child{color:#666666;width:50%;vertical-align:middle;border-left:none;text-align:center;}
.infi_model_table tbody tr:first-child td:nth-child(2){color:#f79927;border-left:1px solid #f79927;width:25%;}
.infi_model_table tbody tr td{padding:5px 5px 5px 10px;font-weight:bold;}
.infi_model_table tbody tr td:first-child{color:#f79927;border-left:1px solid #f79927;}
.infi_model_table tbody tr td:last-child{color:#000000;}
.infi_model_table tbody tr:last-child:hover{background-color:#ffffff;}
.infi_model_logotable{}
.infi_model_logotable tbody tr{background-color:#ffffff;border-bottom:1px solid #f0f0f0;width:100%;}
.infi_model_logotable tbody tr:hover{background-color:#f0f0f0;}
.infi_model_logotable tbody tr td{padding:5px 5px 5px 10px;font-weight:bold;}
.infi_model_logotable tbody tr td:first-child{color:#f79927;border-left:1px solid #f79927;}
.infi_model_logotable tbody tr td:last-child{color:#000000;}
.infi_model_logotable tbody tr:last-child:hover{background-color:#ffffff;}
/* iPad */
.no-transition {
transition: none;
opacity: 1;
visibility: visible;
display: none;
}
#infi_menu li:hover > .no-transition {
display: block;
}
/*menu new*/
.main-menu {
height: 70px;
}
.main-menu ul li {
display: inline-block;
margin: 0 20px;
}
.main-menu ul li:last-child {
margin-right: 35px;
}
.main-menu ul li.active a {
border-top: 3px solid #f79927;
color: #f79927;
}
.infi_main{
width: 100%;
height:300px;
margin:130px 0 0px 0;
background-image:url("../images/infi_bg_1.jpg");
}
.infi_think{
width:80px;
height: 80px;
left:25px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZT4KCS5zdHlsZTB7CgkJZmlsbDoJI0Y1ODIyMDsKCX0KPC9zdHlsZT48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNi43OTQgODAuNDM0Yy0yLjY2OCAwLTcuMzczLTEuMTA2LTguMDg3LTUuMjUzYy0xLjAzNC02LjAwNy0zLjE4OC05LjUxOC01LjA4OS0xMi42MTYgYy0yLjI0NC0zLjY2LTQuMTgyLTYuODE5LTQuMTU4LTEyLjYxNmMwLjAzNS04Ljk4MyA3Ljg4Ny0xNi4yOTIgMTcuNS0xNi4yOTJjNC43MjcgMCA5LjIgMS43IDEyLjUgNC45IGMzLjI1NiAzLjEgNSA3LjEgNSAxMS40NDZjLTAuMDIzIDYuMDYtMi4xMDcgOS40NTMtNC4zMTQgMTMuMDQ1Yy0xLjg4NSAzLjA2OS00LjAyMSA2LjU0Ny01LjEyNSAxMi40IEMzNC4yNzUgNzkuNCAyOS4zIDgwLjQgMjYuOCA4MC40MzRMMjYuNzk0IDgwLjQzNHogTTI2Ljk2IDM2LjQ3N2MtNy45NjUgMC0xNC40NzEgNi4wNDgtMTQuNSAxMy41IGMtMC4wMiA1IDEuNiA3LjggMy44IDExLjE5NmMyLjAyOSAzLjMgNC4zIDcuMSA1LjUgMTMuNTczYzAuNDkgMi45IDQuOSAyLjkgNS4xIDIuOSBjMS4zMjYgMCA0Ljg1Ny0wLjQ4MiA1LjI3MS0yLjY4M2MxLjE5Ny02LjM1OSAzLjQ3NC0xMC4wNjUgNS40ODItMTMuMzM2YzIuMTc1LTMuNTQyIDMuODkyLTYuMzM3IDMuOTEyLTExLjY0NiBjMC4wMTQtMy41NTItMS40NTktNi45MDYtNC4xNDgtOS40NDRDMzQuNTU5IDM3LjkgMzAuOSAzNi41IDI3IDM2LjQ3N0wyNi45NiAzNi40Nzd6IiBjbGFzcz0ic3R5bGUwIi8+CgkJPHBhdGggZD0iTTI2LjY2OCA4NS4wNTZjLTQuMTU2IDAtNi43NS0yLjUyNi02Ljc1LTIuNTI2bC0wLjQzOC0yLjg4YzAgMCAyLjYgMi44IDcuMyAyLjggYzQuNTg5LTAuMDA3IDcuNjQ2LTIuODkxIDcuNjQ2LTIuODkxbC0wLjM3IDIuOTQzQzM0LjA0MyA4Mi41IDMwLjYgODUuMSAyNi43IDg1LjA1NnoiIGNsYXNzPSJzdHlsZTAiLz4KCQk8cGF0aCBkPSJNMzMuODI1IDg0LjQ0NmMwIDAtMi44MjMgMi42NjQtNy4wNiAyLjY2OWMtNC4zNjMgMC4wMDctNi43MjktMi41NTYtNi43MjktMi41NTZsMC40MDQgMi43IGMwIDAgMC43IDAuNyAyIDEuMzExbDAuMDc5IDAuMjA4YzAuNTc1IDEuNSAyLjUgMi42IDQuNSAyLjYwNmMyLjA1OCAwIDMuNzE0LTAuOTEzIDQuNDMxLTIuNDQxbDAuMzI1LTAuNjkzIGMxLjA3Mi0wLjU0NCAxLjc0My0xLjA0NSAxLjc0My0xLjA0NUwzMy44MjUgODQuNDQ2eiIgY2xhc3M9InN0eWxlMCIvPgoJCTxwYXRoIGQ9Ik0zNC45NjcgNTAuMDg2Yy0wLjQ2NC01Ljc3LTQuODE5LTcuNzY1LTQuODYzLTcuNzg0bC0wLjM4LTAuMTZsLTAuMTc5LTAuMzc5bC0wLjczNC0xLjg0MmwxLjk1NiAwLjUgYzAuMjUxIDAuMSA2LjIgMiA3LjIgOS4zMDJMMzguMDggNTAuN2wtMy4wMzMgMC4zNzlMMzQuOTY3IDUwLjA4NnoiIGNsYXNzPSJzdHlsZTAiLz4KCQk8cGF0aCBkPSJNODIuOTYyIDIyLjg1MkM4MS4xODQgMTQuNyA3Mi4yIDguNyA2MS41IDguNjU2Yy05LjM0MiAwLTE3LjQ1NiA0LjU1OC0yMC41MDggMTEuNCBjLTMuNzUxIDAuODYtNi45MyAyLjk4NS04Ljc3NiA1Ljg1OGMtMC4yODUtMC4wMjEtMC41NjQtMC4wMzItMC44NDEtMC4wMzJjLTMuODk2IDAtNy4zMjMgMS44MzQtOS4zMTIgNC42IGMxLjM1NS0wLjIyOCAyLjc1NC0wLjM1MSA0LjE4Ny0wLjM1MWMwLjE3NSAwIDAuMyAwIDAuNSAwLjAxMWMxLjMxLTAuNzkzIDIuODk2LTEuMjYxIDQuNjA0LTEuMjYxIGMwLjQ0MyAwIDAuOSAwIDEuNCAwLjExN2wxLjA2NiAwLjE2NWwwLjQ5Ni0wLjk1OGMxLjQxMi0yLjcyNiA0LjM5Ni00LjczIDcuOTg0LTUuMzYybDAuODQtMC4xNDdsMC4zMDItMC43OTggYzIuMjkyLTYuMDQ1IDkuNzA0LTEwLjI2NyAxOC4wMjMtMTAuMjY3YzkuNSAwIDE3LjUgNS40IDE4LjYgMTIuNDc2bDAuMTMgMC44M2wwLjc3NSAwLjMgYzQuMDAxIDEuNyA2LjUgNC45IDYuNSA4LjM3MWMwIDUuMjM4LTUuNDk1IDkuNS0xMi4yNSA5LjVjLTAuNDQ3IDAtMC45Mi0wLjAyMy0xLjQ0NS0wLjA3MmwtMC4yMTMtMC4wMmwtMC4yMSAwIGMtMC4xNzcgMC4wMzQtMC4zMjYgMC4wNTEtMC40NTYgMC4wNTFINDYuOTk4YzAuMzYxIDEgMC42IDIgMC44IDNoMjUuMTYxYzAuMjU4IDAgMC41MjMtMC4wMjIgMC44MDctMC4wNjcgYzAuNTM5IDAgMSAwLjEgMS41IDAuMDY3YzguNDA5IDAgMTUuMjUtNS42MDcgMTUuMjUtMTIuNUM5MC41NDMgMjkuMiA4Ny43IDI1LjEgODMgMjIuODUyeiIgY2xhc3M9InN0eWxlMCIvPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.infi_sketch{
width:80px;
height: 80px;
left:25px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IkxheWVyXzEiPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjRjU4MjIwIiBkPSJNNjkuMzk0LDgxLjY5NGMwLDIuODMzLTEuMTU5LDIuNTkxLTIuNTkxLDIuNTkxSDIxLjQ2OGMtMS40MzIsMC0yLjU5LDAuMjQzLTIuNTktMi41OTFsMTguMTM0LTEuOTQzDQoJCQljMC0xLjQzMiwxLjE1OC01LjE4MSwyLjU5MS01LjE4MWg5LjA2NmMxLjQzMiwwLDIuNTksMy43NSwyLjU5LDUuMTgxTDY5LjM5NCw4MS42OTR6Ii8+DQoJCTxwYXRoIGZpbGw9IiNGNTgyMjAiIGQ9Ik01My4yMSw1MC4yMjFjMC40NDcsMS4yODctMS42NzgsMy4yMDUtNC43NTQsNC4yODJjLTMuMDc2LDEuMDc4LTcuNzcxLDAuMTMyLTguMjIyLTEuMTU2DQoJCQljLTAuNDUtMS4yODcsMy44NzEsMS4zNzYsNi41OTEtMy41MDFDNDguNDExLDQ3LjAwMSw1Mi43NTcsNDguOTM2LDUzLjIxLDUwLjIyMXoiLz4NCgkJPHBhdGggZmlsbD0iI0Y1ODIyMCIgZD0iTTY0LjA1Myw0Mi40NTJjLTMuMjQzLDIuNzE0LTguNjQ3LDYuMzk1LTguNjQ3LDYuMzk1Yy0xLjM1MSwxLjE1OS0xLjMwNS0wLjEzOS0yLjI2NC0wLjY5Ng0KCQkJYy0wLjYwNy0wLjM1Ni0xLjA5OC0wLjQxNy0xLjM3My0wLjUwMWMtMS4wOTktMC4zMjMtMS41MDMsMC4xNDItMC4xNTItMS4wMmMwLDAsNS43ODUtNi4wMTYsOS4wNTItOC44OTUNCgkJCWM2LjI4NC01LjUzLDI5LjkyMS0yMy42NjEsMjkuOTIxLTIzLjY2MWMxLjM1LTEuMTYxLDIuNjI3LTEuOTczLDMuMzQ2LTEuMTMzbDAsMGMwLjcyNCwwLjg0LTAuMzUyLDEuOTg4LTEuNzA3LDMuMTQ3DQoJCQlDOTIuMjI4LDE2LjA4OSw3MC41NzEsMzcuMDAyLDY0LjA1Myw0Mi40NTJ6Ii8+DQoJCTxwYXRoIGZpbGw9IiNGNTgyMjAiIGQ9Ik03My44MTcsMzguNzM4VjY5LjM5YzAsMC41MzYtMC40MzYsMC45NzEtMC45NzEsMC45NzFIMTUuNDIyYy0wLjUzNCwwLTAuOTcyLTAuNDM2LTAuOTcyLTAuOTcxVjMzLjEyMg0KCQkJYzAtMC41MzYsMC40MzgtMC45NzIsMC45NzItMC45NzJINjEuOTZsNC4wOTYtMy4yMzhIMTUuNDIyYy0yLjMxOSwwLTQuMjEsMS44ODctNC4yMSw0LjIwOVY2OS4zOWMwLDIuMzIyLDEuODkxLDQuMjA5LDQuMjEsNC4yMDkNCgkJCWg1Ny40MjVjMi4zMjIsMCw0LjIwOS0xLjg4Nyw0LjIwOS00LjIwOVYzNi4xNzhMNzMuODE3LDM4LjczOHoiLz4NCgk8L2c+DQoJPGcgaWQ9IkxheWVyXzMiPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJMYXllcl8yIj4NCjwvZz4NCjwvc3ZnPg0K);
}
.infi_deliver{
width:80px;
height: 80px;
left:25px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZT4KCS5zdHlsZTB7CgkJZmlsbDoJI0Y1ODIyMDsKCX0KPC9zdHlsZT48ZyBpZD0iTGF5ZXJfMSI+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTQ2LjMyMyA3NC4wMjZMMTkuMjgyIDU3Ljk3OWwzNi43ODItMTQuODkzTDE3LjcxOSA1NS4yMTlMNC41MSA0Mi44MzNsOTEuMTgyLTE1LjAxOEw0Ni4zMjMgNzQgTDQ2LjMyMyA3NC4wMjZ6IE0yNy4wNTMgNTguNDAybDE4LjY0MSA5LjA0N2w0NS4wMy0zNy41MjZMMTAuMDAyIDQ0LjI0bDguMzYgNi44OThsNDYuNDE3LTExLjIxNUwyNy4wNTMgNTguNDAyeiIgY2xhc3M9InN0eWxlMCIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBvbHlnb24gcG9pbnRzPSIxNy4xLDc3LjYgMTUuOCw1Ny4yIDE4LjMsNTkgMjAuNCw3MC41IDI5LjcsNjYuMyAzMi41LDY4LjUgMTcuMSw3Ny42IiBjbGFzcz0ic3R5bGUwIi8+CgkJPC9nPgoJPC9nPgoJPGcgaWQ9IkxheWVyXzMiPgoJPC9nPgo8L2c+CjxnIGlkPSJMYXllcl8yIj4KPC9nPgo8L3N2Zz4=);
}
.infi_tagmain{
width:100px;
height: 100px;
border-radius: 50%;
position: relative;
z-index: 55;
/*box-shadow: 0 0 2px rgba( 0, 0, 0, 0.6);*/
/*border:1px solid #999999;*/
}
.infi_tagBG{
width:100px;
height: 100px;
border-radius: 50%;
position: absolute;
z-index: 58;
/*border: 3px solid #f79927;*/
background: #ffffff;
border:1px solid #999999;
padding-top:10px;
left:0px;
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.infi_tagBG_title
{
position:absolute;
width:50px;
height:50px;
background-color:#f79927;
color:#ffffff;
text-align:center;
border-radius:50%;
padding-top:5px;
font-size:12px;
z-index:57;
top:25px;
left:25px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.infi_tag:hover .infi_tagBG_title
{
-moz-transform:scale(2);
-webkit-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.infi_tag:hover .infi_think, .infi_tag:hover .infi_sketch, .infi_tag:hover .infi_deliver
{
width:40px;
height:40px;
left:25px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.infi_tag:hover .infi_tagBG
{
width:50px;
height: 50px;
left:25px;
border:none;
-webkit-transform: translateY(50px);
-o-transform: translateY(50px);
-moz-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.infi_tag:hover .infi_tagBG {
/*box-shadow: 0 0 5px rgba( 0, 0, 0, 0.6);*/
}
.infi_tag {
padding: 15px;
margin-top: 15px;
display: inline-block;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.infi_tag:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 85%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
/* W3C */
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.infi_tag:hover, .infi_tag:focus, .infi_tag:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
/* move the element up by 5px */
}
.infi_tag:hover:before, .infi_tag:focus:before, .infi_tag:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
/* Hover Shadow */
.inif_tagPara{
background: #999999 none repeat scroll 0 0;
/*border: 1px solid #CC6633;*/
border-radius: 15px;
color: #ffffff;
font-size: 19px;
padding: 35px 10px 10px;
position: relative;
text-align: center;
top: -30px;
z-index: 50;
}
.flexslider {
position: relative;
top: -96px;
}
.flexslider .overlay {
position: absolute;
top: 0;
left: 0;
z-index: 8;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
}
.flexslider .slider-caption {
position: absolute;
z-index: 9;
width: 100%;
text-align: center;
top: 380px;
left: 0;
}
.flexslider .slider-caption h2 {
color: white;
text-transform: uppercase;
font-size: 36px;
font-weight: 700;
border-bottom: 1px solid white;
padding-bottom: 10px;
display: inline-block;
}
.flexslider .slider-caption p {
color: white;
text-transform: uppercase;
font-size: 18px;
margin-top: 20px;
margin-bottom: 26px;
display: block;
}
.flexslider .slider-caption a.slider-btn {
color: white;
background-color: #ec523f;
padding: 12px 20px;
border-radius: 4px;
text-transform: uppercase;
font-weight: 700;
}
.infi_quote{
background: #f79927;
border-radius: 0 0 10px 10px;
color: #ffffff;
/*line-height: 10;*/
margin-top: -1px;
padding: 0.2em 0;
text-align: center;
z-index: -1;
/*-moz-box-shadow: inset 0 8px 8px -8px rgba(100, 100, 100, 0.6 ),
inset 0 -8px 8px -8px rgba(100, 100, 100, 0.6 );
-webkit-box-shadow: inset 0 8px 8px -8px rgba(100, 100, 100, 0.6 ),
inset 0 -8px 8px -8px rgba(100, 100, 100, 0.6 );
box-shadow: inset 0 8px 8px -8px rgba(100, 100, 100, 0.6 ),
inset 0 -8px 8px -8px rgba(100, 100, 100, 0.6 );*/
}
.infi_quote p {
font-size: 1.8em;
margin: 0px;
/*font-family: "Arvo",serif;*/
font-weight:400;
padding: 0 15px;
}
.infi_mQuote{
padding: 1em 0;
}
#home{
}
.infi_quotaList h1{
color: #f79927;
}
.infi_quotaList ul{
padding: 5px 0px 5px 30px;
}
.infi_quotaList ul li{
list-style-type: disc;
padding: 5px 0px 5px 0px;
}
.content-section {
padding: 6em 0em 3em 0;
}
.content-section span p{
font-weight: 700;
}
.content-section p{
/* margin-left:15px;
margin-right:15px;*/
font-size:20px;
}
.graphic_mainblock
{
min-height:550px;
}
.graphic_menublock
{
background: url("../images/pattern1.jpg") repeat;
padding: 7em 0 2em 0;
height: 100%;
}
.sationary_menublock,.banner_menublock,.cms_menublock
{
/*background-color:#ffffff;*/
background-image:url('../images/infi_bg_3.jpg');
padding: 7em 0;
height: 100%;
}
.webdesign_menublock
{
padding: 7em 0 3em 0;
height: 100%;
}
.logo_menublock,.broucher_menublock,.package_menublock,.responsive_menublock,.domain_menublock,.seo_menublock
{
background: url('../images/pattern2.png') repeat;
color:#555;
padding: 7em 0;
height: 100%;
}
.graphic_menublock p,.sationary_menublock p ,.banner_menublock p,.webdesign_menublock p,.cms_menublock p
{
color:#ffffff;
}
.logo_menublock p,.broucher_menublock p,.package_menublock p,.responsive_menublock p,.domain_menublock p,.seo_menublock p
{
color:#555;
}
.heading-section {
margin-bottom: 10px;
}
.heading-section h2 {
font-size: 45px;
font-weight: 400;
text-transform:uppercase;
/*border-bottom: 1px solid #444444;*/
}
.heading-section1 h2 {
font-size: 25px;
font-weight: 600;
display: inline-block;
text-decoration:none;
padding-left:15px;
}
.heading-section p {
color: #444444;
font-size: 30px;
font-weight: 300;
text-transform: uppercase;
margin-top: 10px;
}
.infi_services_heading
{
margin-top:50px;
margin-bottom: 60px;
}
.infi_service_headgb
{
width: 100%;
height:auto;
margin:0px auto;
background: transparent url(../images1/inf_sliderbg.jpg) repeat 0% 0%;
}
.infi_services_heading h2
{
font-size: 34px;
font-weight: 400;
text-transform:uppercase;
/*border-bottom: 1px solid #444444;*/
}
.infi_services_quote
{
color: #ffffff;
text-align:center;
font-weight: 600;
font-size: 2.4em;
line-height: 1.5em;
}
.infi_services_content
{
background: url('../images/pattern2.png') repeat;
color:#555;
padding:2em 0 7em 0;
height: 100%;
}
.infi_logo_works
{
list-style:none;
margin-bottom:50px;
}
.infi_logo_works li
{
float:left;
width:150px;
height:150px;
margin:10px 0 10px 15px;
box-shadow:0px 0px 1px rgba(0,0,0,0.5);
}
.infi_logo_works li img
{
width:150px;
height:auto;
}
.small-text {
color: #aaaaaa;
}
.space-fixed {
width: 100%;
height: 130px;
overflow: hidden;
position: relative;
}
/*clients*/
.client_block{margin-bottom:50px;}
.infi_client_list{list-style:none;}
.infi_client_list li
{
float:left;
margin-left:25px;
margin-top:10px;
width:100px;
height:100%;
position:relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.infi_client_list li:hover
{
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.client_name
{
position:absolute;
width:125px;
padding :5px;
color:#666666;
font-size:14px;
top:-20px;
right:-80px;
opacity:0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.infi_client_list li:hover .client_name
{
opacity:100;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/*clients*/
/*service*/
#services{
position: relative;
background: url("../images/pattern1.jpg") repeat;
}
.service-item {
position: relative;
color: white;
text-align: center;
margin-bottom: 30px;
}
.service-item a {
color: #ffff66;
}
.service-item a:hover {
color: black;
}
.service-item .service-icon {
font-size: 3em;
padding: 110px 0;
}
.service-item .service-content {
padding: 10px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.service-item .service-content .inner-service {
padding: 20px;
}
.service-item .service-content h3 {
font-size: 18px;
text-transform: uppercase;
color: white;
display: inline-block;
padding-bottom: 10px;
border-bottom: 1px solid white;
margin-bottom: 15px;
}
.service-item:hover .service-icon {
opacity: 0;
visibility: hidden;
}
.service-item:hover .service-content {
opacity: 1;
visibility: visible;
}
.infi_prod_sec{
width: 100%;
height: 160px;
padding:15px;
background: #ffffff;
position:absolute;
border:8px solid #f79927;
border-radius: 4px ;
}
.infi_prod_secshadowEff {
width:70%;
height:160px;
background:#FFF;
margin:40px auto;
}
.infi_prod_secshadowEff
{
position: relative;
}
.infi_prod_secshadowEff:before,
.infi_prod_secshadowEff:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 8px;
left: 10px;
width: 50%;
top: 60%;
max-width:300px;
background: #555;
-webkit-box-shadow: 0 15px 10px #555;
-moz-box-shadow: 0 15px 10px #555;
box-shadow: 0 15px 10px #555;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.infi_prod_secshadowEff:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
.infi_servMtitle {
display: inline-block;
*display: inline;
zoom: 1;
position: absolute;
width: 48%;
font-size: 1.3em;
border-radius: 0px 5px 5px 0px;
margin: -5px 10px 10px -32px;
color: #fff;
text-transform: uppercase;
padding-left: 20px;
text-shadow: 0 1px 8px #555;
z-index: 5;
-webkit-box-shadow: 0 0px 1px #555;
-moz-box-shadow: 0 0px 1px #555;
box-shadow: 0 0px 1px #555;
background: rgb(193,234,105); /* Old browsers */
background: -moz-linear-gradient(left, rgba(193,234,105,1) 0%, rgba(146,196,21,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(193,234,105,1)), color-stop(100%,rgba(146,196,21,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(193,234,105,1) 0%,rgba(146,196,21,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(193,234,105,1) 0%,rgba(146,196,21,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(193,234,105,1) 0%,rgba(193,234,105,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(193,234,105,1) 0%,rgba(146,196,21,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1ea69', endColorstr='#92c415',GradientType=1 ); /* IE6-9 */
}
.infi_servMtitle:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 0;
top: 100%;
border-width: 10px 0 0 10px;
border-style: solid;
border-color:rgba(193,234,105,1) rgba(193,234,105,1) transparent transparent
}
.infi_servMtitle:before {
content: " ";
}
.infi_prod_secIShadowEFF{
position:relative;
}
.infi_prod_secIShadowEFF:before, .infi_prod_secIShadowEFF:after
{
height: 15px;
content:"";
position:absolute;
z-index:1;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0) 45%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 45%);
top:97%;
bottom:15px;
left:10px;
right:10px;
}
.infi_prod_secInner{
width:200px;
height: 200px;
background: #ffffff;
border-radius: 50%;
padding: 10px;
border: 8px solid #433c70;
overflow: hidden;
margin-top:-50px;
}
.infi_prod_tittle{
}
.infi_Service .infi_servLi{
margin: -6em 0 2em 0;
padding: 30px 10;
/*border-radius: 6px;*/
}
.infi_Service .infi_servLi i{
padding: 10px;
border-radius: 10%;
background: #f79927;
}
.infi_Service h4{
margin: 15px 0;
font-size: 1.6em;
font-weight: 600;
color: #555555;
}
.infi_services_list{list-style:none;width:100%;background-color:#ffffff;}
.infi_services_list li
{
float:left;
margin-left:8%;
margin-top:-90px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.infi_services_list li:first-child{margin-left:2%;}
.infi_services_list li a{text-decoration:none;}
#lihover:hover
{
margin-top:-100px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#lihover:hover .infi_service_circle
{
background-color:#444444;
box-shadow:0px 0px 20px 1px rgba(255,255,255,0.7);
}
#imghover:hover .infi_service_circle
{
background-color:#444444;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.infi_service_circle
{
height:176px;
width:176px;
position:relative;
margin-left:14px;
border-radius:50%;
background-color:#f79927;
/*border:12px solid #f79927;*/
/*box-shadow:0px 0px 8px 1px rgba(0,0,0,0.7);*/
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.infi_circle_title
{
color:#ffffff;
font-size:24px;
text-align:center;
margin-top:10px;
font-weight:300;
}
.infi_circle_content
{
width:215px;
color:#f79927;
font-size:14px;
margin-top:10px;
padding:10px 5px;
text-align:center;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
}
.infi_services_website{list-style:none;width:100%;}
.infi_services_website li
{
float:left;
margin-left:5.6%;
padding:5px;
margin-bottom:15px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.infi_services_website li a{text-decoration:none;}
.infi_services_website li:hover
{
margin-top:-80px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.infi_tab_top
{
margin-top:-80px;
}
.infi_tab_top1
{
margin-top:-70px;
}
.infi_website_circle1
{
height:100px;
width:100px;
border-radius:50%;
background-color:#f79927;
box-shadow:0px 0px 5px 1px rgba(0,0,0,0.7);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.infi_website_circle
{
height:100px;
width:100px;
border-radius:50%;
background-color:#ffffff;
/*border:12px solid #f79927;*/
box-shadow:0px 0px 5px 1px rgba(0,0,0,0.7);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.infi_services_website li:hover .infi_website_circle
{
background-color:#f79927;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.infi_website_title
{
color:#ffffff;
font-size:18px;
text-align:center;
margin-top:10px;
font-weight:300;
}
/*service*/
.portfolio-item {
margin-bottom: 30px;
}
.portfolio-item .portfolio-thumb {
position: relative;
overflow: hidden;
}
.portfolio-item .portfolio-thumb img {
width: 100%;
}
.portfolio-item .portfolio-thumb .portfolio-overlay {
background-color: #CC6633;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 25px;
text-align: center;
color: white;
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.portfolio-item .portfolio-thumb .portfolio-overlay h3 {
font-size: 18px;
text-transform: uppercase;
color: white;
padding-bottom: 10px;
margin-bottom: 10px;
display: inline-block;
border-bottom: 1px solid white;
}
.portfolio-item .portfolio-thumb .portfolio-overlay a.expand {
margin-top: 15px;
width: 36px;
height: 36px;
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
background-color: white;
display: inline-block;
text-align: center;
}
.portfolio-item .portfolio-thumb .portfolio-overlay a.expand i {
line-height: 36px;
}
.portfolio-item .portfolio-thumb:hover .portfolio-overlay {
opacity: 1;
visibility: visible;
}
.team-member {
margin-bottom: 30px;
}
.team-member .member-thumb {
position: relative;
overflow: hidden;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.team-member .member-thumb img {
width: 100%;
}
.team-member .member-thumb .team-overlay {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
top: 0;
left: 0;
background-color: #ec523f;
color: white;
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.team-member .member-thumb .team-overlay h3 {
font-size: 18px;
text-transform: uppercase;
color: white;
display: inline-block;
padding-bottom: 10px;
border-bottom: 1px solid white;
margin-top: 64px;
}
.team-member .member-thumb .team-overlay span {
text-transform: uppercase;
font-weight: 300;
margin-top: 10px;
display: block;
}
.team-member .member-thumb .team-overlay ul.social {
display: block;
margin-top: 20px;
}
.team-member .member-thumb .team-overlay ul.social li {
display: inline-block;
}
.team-member .member-thumb .team-overlay ul.social li a {
width: 36px;
height: 36px;
background-color: white;
line-height: 40px;
color: #ec523f;
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
}
.team-member .member-thumb:hover .team-overlay {
opacity: 1;
visibility: visible;
}
.skills-heading {
margin-top: 60px;
margin-bottom: 50px;
}
.skills-heading h3.skills-title {
font-style: italic;
font-size: 18px;
text-transform: uppercase;
color: #5e5e5e;
}
.skills-heading .small-text {
font-style: italic;
}
.progress {
height: 34px;
box-shadow: none;
border-radius: 0;
background-color: #e7e7e7;
margin-bottom: 10px;
}
.progress-bar {
line-height: 34px;
text-align: left;
padding-left: 15px;
text-transform: uppercase;
font-weight: 700;
background-color: #ec523f;
box-shadow: none;
}
.googlemap-wrapper {
height: 380px;
margin-bottom: 40px;
}
.map-canvas {
height: 380px;
border: 10px solid #efefef;
}
.infi_contact-info {
margin-top: 20px;
}
.site_link
{
font-weight:normal;
}
.site_link a
{
color:#000000 !important;
}
.site_link a:hover
{
color:#f79927;
}
.infi_resUse{
margin: 30px;
display: inline-flex;
}
.infi_resUse li {
display: block;
}
.infi_resUse li div{
display: block;
font-size: 1.9em;
height: 150px;
margin: 5px 10px 5px 60px;
position: relative;
text-align: center;
width: 150px;
outline: solid rgba(100, 100, 100, 0.7) 3px;
outline-offset: -12px;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);
}
.infi_resUse li:first-child div{
background: #cf5b4e;
margin-left: 0px;
}
.infi_resUse li:nth-child(2) div{
background: #ff9782;
}
.infi_resUse li:nth-child(3) div{
background: #00acc0;
}
.infi_resUse li:nth-child(4) div{
background: #8a7d77;
}
.infi_resUse li:nth-child(5) div{
background: #dfddde;
}
.infi_resUse li:first-child div{
background: #cf5b4e;
margin-left: 0px;
}
.infi_resUse li:nth-child(2) div{
background: #ff9782;
}
.infi_resUse li:nth-child(3) div{
background: #00acc0;
}
.infi_resUse li:nth-child(4) div{
background: #8a7d77;
}
.infi_resUse li:nth-child(5) div{
background: #dfddde;
}
.infi_resUse li div i{
position: relative;
bottom: -35px;
-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);
}
.view_more
{
width:100px;
position:absolute;
right:0px;
bottom:0px;
-webkit-transform: translateY(60%);
-moz-transform: translateY(60%);
-ms-transform: translateY(60%);
-o-transform: translateY(60%);
transform: translateY(60%);
-webkit-transition: -webkit-transform .4s, opacity .1s .3s;
-moz-transition: -moz-transform .4s, opacity .1s .3s;
-ms-transition: -ms-transform .4s, opacity .1s .3s;
-o-transition: -o-transform .4s, opacity .1s .3s;
transition: transform .4s, opacity .1s .3s;
}
.view_more_txt
{
color:#ffffff;
background-color:#f79927;
border-radius:10px 0 0 0;
padding:5px 10px;
font-size:16px;
font-weight:bold;
text-align:center;
float:right;
}
.view_more_icon
{
background-color:#f79927;
color:#ffffff;
font-size:18px;
width:30px;
height:30px;
border-radius:10px 0 0 0;
padding:0 0 0 7px;
margin-bottom:-5px;
float:right;
}
#port1:hover .view_more
{
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition: -webkit-transform .4s, opacity .1s .3s;
-moz-transition: -moz-transform .4s, opacity .1s .3s;
-ms-transition: -ms-transform .4s, opacity .1s .3s;
-o-transition: -o-transform .4s, opacity .1s .3s;
transition: transform .4s, opacity .1s .3s;
}
.infi_contact-info .icon{
background: #f79927 none repeat scroll 0 0;
border-radius: 50%;
float: left;
font-size: 0.9em;
height: 35px;
color:#ffffff;
padding: 8px 0 0 2px;
text-align: center;
width: 35px;
box-shadow:1px 01px rgba(0,0,0, 0.7);
}
.whatsapp_icon
{
float: left;
top:-12px;
font-size:45px;
color:#ffffff;
position:relative;
text-shadow:1px 0px 1px rgba(0,0,0, 0.7);
}
.infi_contact-info li{
float:left;
width:100%;
color:#222222;
font-size:20px;
margin: 5px 0px;
}
.infi_contact-info li span:nth-child(2){
padding: 10px 0;
color: #cc6633;
}
.infi_contact-info li span a{
text-decoration: none;
color: #cc6633;
}
.location a
{
color:#cc6633;
}
.location a:hover
{
color:#f79927;
text-decoration:underline;
}
.infi_contact-info p{
margin-left: 0px;
margin-top:5px;
}
.contact-form h2 {
margin-bottom: 20px;
color: #f79927;
}
.contact-form input {
width: 100%;
margin-bottom: 15px;
}
.contact-form select {
width: 100%;
margin-bottom: 15px;
}
.contact-form textarea {
width: 100%;
margin-bottom: 15px;
}
.contact-form textarea {
width: 100%;
max-width: 100%;
height: 120px;
}
.contact-form .mainBtn {
margin-top: 15px;
color: white;
background-color: #cc6633;
text-transform: uppercase;
border: 0;
}
#go-top {
background-color: #666666;
color: white;
padding: 15px 40px;
text-transform: uppercase;
font-weight: 700;
}
#footer {
margin-top: 0px;
color:#ffffff;
}
.infi_foot01{
background-color:#ffffff;
}
.infi_copyright
{
margin:10px 0;
color:#000000;
}
.infi_foot02{
background-color:#f79927;
color: #ffffff;
}
.infi_foot02 ul{
display: block;
margin-left:30px;
}
.infi_foot02 ul li{
display: inline-flex;
float: left;
}
.infi_foot02 ul li a{
display: inline-flex;
float: left;
color: #ffffff;
font-size: 12px;
padding: 5px 10px;
}
/*Pricing page*/
.infi_pricing{
background: rgba(0, 0, 0, 0) url("../images/PolyGrid%20Pricing%20Infimind.svg") no-repeat scroll 10px 36px / 100% 100%;
float: right;
height: 100%;
left: 20%;
opacity: 0.4;
position: absolute;
width: 100%;
}
.infi_QservImg_01{
position: absolute;
z-index: 90;
}
.infi_QservImg_02{
left: 60px;
position: absolute;
top: 420px;
z-index: 100;
}
.infi_QservImg_03{
position: absolute;
z-index: 80;
top: 640px;
}
.infi_QservImg_04{
position: absolute;
right: 10px;
top: 850px;
z-index: 130;
}
.infi_cloud01{
position: absolute;
right: -50px;
top: 170px;
z-index: 120;
}
.infi_cloud02{
position: absolute;
right: 120px;
top: 340px;
z-index: 140;
}
.infi_cloud03{
position: absolute;
right: -100px;
top: 440px;
z-index: 40;
}
.infi_cloud04{
position: absolute;
right: -100px;
top: 710px;
z-index: 60;
}
.infi_cloud05{
left: 15px;
position: absolute;
right: -100px;
top: 510px;
z-index: 80;
}
.infi_cloud06{
left: 15px;
position: absolute;
right: 10px;
top: 790px;
z-index: 100;
}
.infi_cloud07{
left: 15px;
position: absolute;
right: -100px;
top: 570px;
z-index: 100;
}
.infi_cloud08{
position: absolute;
right: -0px;
top: 710px;
z-index: 100;
}
/*Pricing page*/
#content_block
{
width:100%;
float:left;
}
#content
{
width:75%;
height:350px;
float:left;
}
#content_image
{
width:25%;
height:auto;
float:left;
}
.image_leftlist01{
list-style:none;
float: left;
padding: 10px 20px;
}
.image_leftlist01 li{
color: rgba(209, 228, 74, 1);
display: block;
float: left;
font-size: 18px;
font-weight: 700;
margin-top: 5px;
text-align: left;
width: 100%
}
.image_leftlist01 li i{color:#f79927;padding-right:10px;}
.image_leftlist02{
list-style:none;
float: left;
padding: 10px 20px;
}
.image_leftlist02 li{
color: rgba(138, 125, 119, 1);
display: block;
float: left;
font-size: 18px;
font-weight: 700;
margin-top: 5px;
text-align: left;
width: 100%
}
.image_leftlist02 li i{color:#f79927;padding-right:10px;}
#content_block p
{
font-size:14px;
font-size: 20px;
}
#content p
{
padding-left:15px;
font-size: 20px;
}
.infi_contentList{
padding-left: 50px;
}
.webdesign_menublock .infi_contentList{
padding-left: 50px;
margin: 10% 0;
}
.infi_contentList li{
color: rgba(129, 122, 130, 0.9);
padding: 10px 20px;
font-size: 1.2em;
font-weight: 600;
list-style-image: url("../images/infi_SVG/Bulatin_01_Feather-01-01.svg");
}
.infi_contentList li i{
padding: 5px;
color:#f79927;
font-size: 1.2em;
font-weight: 600;
margin-right: 10px;
}
.content_graphicblock p
{
padding-left:15px;
font-size: 20px;
}
.infi_logo_list
{
list-style:none;
}
.infi_logo_list li
{
color:#ffffff;
font-size:14px;
font-weight:bold;
margin-top:10px;
}
/*about css*/
.infi_abtimg01{
position: absolute;
bottom: 100px;
z-index: 1;
}
.infi_abtimg02{
position: absolute;
bottom: 100px;
z-index: 1;
}
.infi_abtimg03{
position: absolute;
bottom: 100px;
z-index: 1;
}
#about_content
{
width:100%;
height:100%;
padding-bottom:0px;
}
#about_content h1
{
font-size:24px;
font-weight:bold;
color: #444444;
padding-left:12px;
/*border-left:4px solid #ffffff;*/
}
#about_content p
{
color: #ffffff;
padding-top:15px;
padding-left:5px;
font-size: 22px;
}
.about_vision
{
background-color:rgba(255,255,255, 0.9);
padding:10px;
color:#444444;
font-size: 20px;
line-height:1.3em;
margin-top:60px;
border-left:2px solid #444444;
border-radius:0 5px 5px 0;
}
.about_vision_title
{
color:#ffffff;
position:absolute;
padding:5px 10px;
font-size:24px;
font-weight:bold;
margin-top:-46px;
float:left;
left:15px;
background-color:#444444;
}
/*about css*/
.img_grascale
{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
-moz-filter: url("data:image/svg+xml;utf8,#greyscale");
-o-filter: url("data:image/svg+xml;utf8,#greyscale");
/* filter: url("data:image/svg+xml;utf8,#greyscale");*/
}
.img_grascale:hover
{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
/* filter: url("data:image/svg+xml;utf8,#grayscale");*/
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
}
.portfolio_img
{
margin-top:20px;
box-shadow:0px 0px 10px rgba(0,0,0,1);
}
.portfolio_img1
{
box-shadow:2px 2px 2px rgba(0,0,0,0.4);
background-color:rgba(255,255,255, 0.8);
}
.portfolio_martop
{
margin-top:20px;
box-shadow:2px 2px 2px rgba(0,0,0,0.4);
background-color:rgba(255,255,255, 0.8);
}
/*.modal-body::-webkit-scrollbar {
width:1em;
}
.modal-body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.modal-body::-webkit-scrollbar-thumb {
background-color: darkgrey;
border-radius: 10px;
}*/
.modal-body::-webkit-scrollbar{
width: 10px;
height: 10px;
padding-top: 2px;
}
.modal-body::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
border: 1px solid black;
background: rgba(41,41,41, 0.8);
border-radius: 10px;
}
.modal-body::-webkit-scrollbar-thumb{
border-radius:10px;
height: 30px;
width: 8px;
border: 1px solid black;
background: rgb(111,111,111);
-webkit-box-shadow: 0 1px 1px rgb(0,0,0);
background: -webkit-linear-gradient(rgb(200,200,200), rgb(150,150,150));
}
.graphics_menu{position:absolute;right:0%;z-index:1;}
.graphics_list{list-style:none;margin-top:100px;}
.graphics_list li button{
margin-top:10px;
background-color:#f79927;
padding:6px 2px 0px 8px;
color:#ffffff;
font-size:20px;
height:50px;
width:210px;
border-radius:30px 0 0 30px;
box-shadow:0px 2px 4px rgba(0,0,0,1);
transform: translateX(78%);
-webkit-transform: translateX(78%);
-o-transform: translateX(78%);
-moz-transform: translateX(78%);
-ms-transform: translateX(78%);
transition: transform .8s, opacity .1s .3s;
-webkit-transition: transform .8s, opacity .1s .3s;
-o-transition: transform .8s, opacity .1s .3s;
-moz-transition: transform .8s, opacity .1s .3s;
-ms-transition: transform .8s, opacity .1s .3s;
}
.graphics_list li button:hover{
transform: translateX(0%);
-webkit-transform: translateX(0%);
-o-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transition: transform .8s, opacity .1s .3s;
-webkit-transition: transform .8s, opacity .1s .3s;
-o-transition: transform .8s, opacity .1s .3s;
-moz-transition: transform .8s, opacity .1s .3s;
-ms-transition: transform .8s, opacity .1s .3s;
}
.graphics_list li i{color:#ffffff;font-size:40px;float:left;}
.graphics_list li .menu_text{float:left;margin-left:10px;}
.portfolio_title
{
background-color:#f79927;
padding:10px 0 11px 0;
}
.portfolio_title h1
{
color:#ffffff;
font-size:36px;
text-align:center;
text-transform:uppercase;
}
.nbs-flexisel-container {
position:relative;
max-width:100%;
margin: 0em 0em;
}
.nbs-flexisel-ul {
position:relative;
width:9999px;
margin:0px;
padding:0px;
list-style-type:none;
text-align:center;
}
.nbs-flexisel-inner {
overflow:hidden;
float:left;
width:100%;
}
.nbs-flexisel-item {
float:left;
margin:0px;
padding:0px;
position:relative;
cursor:pointer;
}
.nbs-flexisel-item img {
width: 100%;
position: relative;
}
/* Nukun */
.link--nukun {
color: #E3E8DC;
font-weight: 900;
text-transform: uppercase;
overflow: hidden;
padding: 10px 0;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.link--nukun:hover {
color: #1e1a1b;
}
.link--nukun::before,
.link--nukun::after {
content: '';
position: absolute;
width: 30%;
height: 5px;
background: #E3E8DC;
bottom: 0;
left: 35%;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.link--nukun::after {
background: #ACD07A;
-webkit-transform: translate3d(-300%,0,0) scale3d(0,1,1);
transform: translate3d(-300%,0,0) scale3d(0,1,1);
}
.link--nukun:hover::before {
-webkit-transform: translate3d(300%,0,0) scale3d(0,1,1);
transform: translate3d(300%,0,0) scale3d(0,1,1);
}
.link--nukun:hover::after {
-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
transform: translate3d(0,0,0) scale3d(1,1,1);
}
.link--nukun span {
color: #E3E8DC;
display: inline-block;
position: relative;
-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
transform: perspective(1000px) rotate3d(0,1,0,0deg);
-webkit-transition: -webkit-transform 0.5s, color 0.5s;
transition: transform 0.5s, color 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.link--nukun:hover span {
color: #fff;
-webkit-transform: perspective(1000px) rotate3d(0,1,0,180deg);
transform: perspective(1000px) rotate3d(0,1,0,180deg);
}
#burst-8 { background: red; width: 80px; height: 80px; position: relative; text-align: center; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20eg); } #burst-8:before { content: ""; position: absolute; top: 0; left: 0; height: 80px; width: 80px; background: red; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); }
.infi_tab_contentblock, .content
{
height:300px;
overflow:hidden;
}
#contentslider {
position: relative;
overflow: hidden;
margin: 20px auto 0 auto;
border-radius: 4px;
}
#contentslider ul {
position: relative;
margin: 0;
padding: 0;
height: 300px;
list-style: none;
}
#contentslider ul li {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0;
width: 1024px;
height: 200px;
background:#cccccc;
color:#000000;
text-align: center;
}
a.control_prev, a.control_next {
position: absolute;
top: 5%;
z-index: 1500;
display: block;
padding: 1% 1%;
width: auto;
height: auto;
background: #0000FF;
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 18px;
opacity: 0.8;
cursor: pointer;
}
a.control_prev:hover, a.control_next:hover {
opacity: 1;
-webkit-transition: all 0.2s ease;
}
a.control_prev {
left:0;
border-radius: 0 2px 2px 0;
}
a.control_next {
right: 0;
border-radius: 2px 0 0 2px;
}
.slider_option {
position: relative;
margin: 10px auto;
width: 160px;
font-size: 18px;
}
.infi_portfolio_close
{
color: #ffffff;
float:left !important;
background-color: #f79927;
padding: 0px 5px 0px 5px;
opacity:50%;
position:absolute;
font-size:22px;
left:-2px;
border:none;
}
.infi_portfolio_close:hover, .infi_portfolio_close1:hover
{
opacity:100%;
}
.infi_portfolio_close1
{
color: #ffffff;
/*float:right !important;*/
background-color: #f79927;
padding:10px 5px 0;
opacity:50%;
font-size:28px;
border:none;
margin-left:78px;
}
.infi_modal_para
{
background-color:rgba(240,240,240,1);
padding:15px;
height:373px;
}
.infi_modal_logopara
{
background-color:rgba(240,240,240,1);
padding:15px;
height:auto;
}
.infi_visit_btn
{
background-color:#f79927;
border:1px solid #f79927;
padding:2px 3px;
width:60px;
text-align:center;
border-radius:5px;
box-shadow:0px 3px 2px #c6600b;
-moz-box-shadow:0px 3px 2px #c6600b;
-o-box-shadow:0px 3px 2px #c6600b;
-webkit-box-shadow:0px 3px 2px #c6600b;
}
.infi_visit_btn a{color:#ffffff;}
.visit_width{width:30px;}
.infi_visit_btn:hover
{
text-decoration:none;
box-shadow:0px 1px 1px #c6600b;
-moz-box-shadow:0px 1px 1px #c6600b;
-o-box-shadow:0px 1px 1px #c6600b;
-webkit-box-shadow:0px 1px 1px #c6600b;
}
.infi_visit_btn:hover a{color:#000000;}
.infi_copyrights_3d img
{
position:absolute;
bottom:4px;
left:110px;
float:left;
}
.infi_copyrights_txt
{
position:absolute;
bottom:4px;
left:30px;
float:left;
font-weight:bold;
font-size:14px;
}
.infi_portfoliolist, .infi_portfoliolist1, .infi_portfoliolist2{padding:15px 10px 5px 10px;float:left;}
.infi_portfoliolist li, .infi_portfoliolist1 li, .infi_portfoliolist2 li{float:left;width:200px;height:auto;margin:15px 0 15px 20px;position:relative;box-shadow:1px 1px 1px rgba(0,0,0,0.3);overflow:hidden;}
.infi_portfoliolist1 li:first-child{margin-left:32%;}
.infi_portfoliolist2 li:first-child{margin-left:42%;}
.infi_portfolio_border{position:absolute;border:2px solid #f79927;width:200px;top:0px;left:0px;z-index:2;border-radius:5px;}
.portfolio_overlay, .portfolio_overlay1, .portfolio_overlay3d
{
position:absolute;
background-color:rgba(245,130,32, 0.8);
font-size:20px;
color:#ffffff;
text-align:center;
font-weight:bold;
z-index:3;
width:100%;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transform:translateY(-30px);
-webkit-transform:translateY(-30px);
-moz-transform:translateY(-30px);
-o-transform:translateY(-30px);
}
.portfolio_overlay3
{
position:absolute;
background-color:rgba(245,130,32, 0.8);
font-size:20px;
color:#ffffff;
text-align:center;
font-weight:bold;
z-index:3;
top:0;
width:90%;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transform:translateY(-30px);
-webkit-transform:translateY(-30px);
-moz-transform:translateY(-30px);
-o-transform:translateY(-30px);
}
#video_blk:hover .portfolio_overlay3
{
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transform:translateY(300px);
-webkit-transform:translateY(307px);
-moz-transform:translateY(307px);
-o-transform:translateY(307px);
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
filter: url("data:image/svg+xml;utf8,#grayscale");
}
.infi_portfoliolist li:hover .portfolio_overlay, .infi_portfoliolist1 li:hover .portfolio_overlay, .infi_portfoliolist2 li:hover .portfolio_overlay
{
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transform:translateY(110px);
-webkit-transform:translateY(110px);
-moz-transform:translateY(110px);
-o-transform:translateY(110px);
}
.infi_portfoliolist li:hover .portfolio_overlay1, .infi_portfoliolist1 li:hover .portfolio_overlay1, .infi_portfoliolist2 li:hover .portfolio_overlay1
{
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transform:translateY(106px);
-webkit-transform:translateY(106px);
-moz-transform:translateY(106px);
-o-transform:translateY(106px);
}
.block_3d
{
width:500px;
height:auto;
position:relative;
margin:0 auto;
overflow: hidden;
}
.block_3d:hover .portfolio_overlay3d
{
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transform:translateY(250px);
-webkit-transform:translateY(250px);
-moz-transform:translateY(250px);
-o-transform:translateY(250px);
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
filter: url("data:image/svg+xml;utf8,#grayscale");
}
.block_3d:hover .img_grascale
{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
/* filter: url("data:image/svg+xml;utf8,#grayscale");*/
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
}
/*.block_3dtitle
{
width:100%;
position:absolute;
padding:5px;
font-size:20px;
color:#ffffff;
text-align:center;
font-weight:bold;
z-index:3;
background-color:rgba(245,130,32, 0.8);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transform:translateY(-50px);
-webkit-transform:translateY(-50px);
-moz-transform:translateY(-50px);
-o-transform:translateY(-50px);
}*/
.separate_arrow
{
width:0;
height:0;
margin-left:40%;
margin-top:-85px;
position:absolute;
border-left:35px solid transparent;
border-right:35px solid transparent;
border-top:35px solid #f79927;
}
.arrow_down
{
color:#ffffff;
position:absolute;
font-size:26px;
top: -35px;
left: -12px;
}
/* custom inclusion of right, left and below tabs */
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-right1 > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0;
margin-top:5px;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,
.pill-content > .active {
display: block;
}
.tabs-below > .nav-tabs {
border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
border: 2px solid #f79927;
color:#f79927;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
border-color: transparent #f79927 #f79927 #f79927;
}
.tabs-right1 > .nav-tabs > li
{
float:left;
}
.tabs-right > .nav-tabs > li {
float: none;
margin-left:18px;
margin-top:10px;
}
.tabs-right1 > .nav-tabs > li > a
{
width: 35px;
height: 35px;
margin-right: 10px;
margin-bottom: 3px;
padding:4px 0 0 2px;
font-weight:bold;
}
.tabs-right1 > .nav-tabs > li:last-child a
{
margin-right: 25px;
}
.tabs-right > .nav-tabs > li > a {
width: 64px;
height: 64px;
/* margin-right: 80px;*/
margin-bottom: 3px;
}
.tabs-right > .nav-tabs > li > a > img{
width:62px;
height:62px;
border-radius:50%;
margin-top:-10px;
margin-left:-15px;
}
.tabs-right > .nav-tabs {
/*float: right;
right: -75px;
position:absolute;*/
z-index:5;
/*border-left: 1px solid #f79927;*/
margin-top:17px;
margin-bottom: 17px;
}
.tabs-right1 > .nav-tabs {
/* float: right;
right: 0px;
position:absolute;*/
z-index:5;
/*border-left: 1px solid #f79927;*/
}
.tabs-right1 > .nav-tabs > li > a
{
font-size:18px;
color:#ffffff;
text-align:center;
background-color:#f79927;
border: 2px solid #f79927;
/* -webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;*/
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.tabs-right > .nav-tabs > li > a
{
font-size:30px;
color:#ffffff;
text-align:center;
background-color:#f79927;
border: 2px solid #f79927;
/* -webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;*/
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.tabs-right1 > .nav-tabs > li > a:hover,
.tabs-right1 > .nav-tabs > li > a:focus,
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
/*border-color: #f79927 #f79927 #f79927 #f79927;*/
border: 2px solid #f79927;
color:#f79927;
}
.tabs-right1 > .nav-tabs .active > a,
.tabs-right1 > .nav-tabs .active > a:hover,
.tabs-right1 > .nav-tabs .active > a:focus,
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
/*border-color: #f79927 #f79927 #f79927 transparent;*/
border: 2px solid #f79927;
color:#f79927;
}
.rightside_block
{
padding-left:0;
background-color:#fff;
margin-left:-14px;
position:absolute;
right:-82px;
}
.rightside_block1
{
padding-left:0;
background-color:#fff;
margin-left:-14px;
position:absolute;
right:-82px;
}
.rightside_block1 > .nav-tabs > li
{
margin-left:0 !important;
margin-top:10px;
}
/* header banner */
#main-slider {width:100%; height:100%; position:relative;}
#content-slider {width:100%; height:420px; position:relative; overflow:hidden;}
#content-slider1, #content-slider2 {width:100%; height:500px; position:relative; overflow:hidden;}
#content-slider ul, #content-slider1 ul, #content-slider2 ul {padding:0; list-style:none; position:relative;}
#content-slider ul li, #content-slider1 ul li, #content-slider2 ul li {width:100%; position:absolute; top:0; left:0;}
#slider-overlay {width:100%; height:500px; position:absolute; bottom:0; left:0; z-index:80; background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.slider-heading {margin:0; padding:0;}
.caption-yellow, .caption-white, .caption-black {padding:5px 10px;}
.caption-yellow {background:#f79927;color:#ffffff;}
.caption-white {background:#fff;}
.caption-black {color:#fff; background:#444444;}
#header-banner {margin-bottom:40px; background:url(../img/header-banner.jpg) center 0 no-repeat;}
.banner-overlay {padding:70px 0; background:rgba(0,0,0, .8);}
#header-banner h1 {color:#ffe300; margin:0;}
#home-page {position:relative; z-index:92; margin-top:-300px;}
#page {margin-bottom:10px;}
/*Slider*/
@import url(css?family=Ubuntu|400,300,300italic,400italic,500,500italic,700,700italic);
@import url(css?family=Maven+Pro|400,500,700,900);
/* SLIDER STYLES */
.slider-wrapper{
position:relative;
overflow:hidden;
width: 100%;
min-width: 520px;
height:450px;
margin:0px auto;
background: transparent url(../images1/inf_sliderbg.jpg) repeat 0% 0%;
box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
-webkit-transition: background-position 1s ease-out 0.3s;
-moz-transition: background-position 1s ease-out 0.3s;
-o-transition: background-position 1s ease-out 0.3s;
-ms-transition: background-position 1s ease-out 0.3s;
transition: background-position 1s ease-out 0.3s;
z-index:1;
}
.slider{
position:relative;
width:100%;
margin:0 auto;
}
/* ELEMENT STYLES */
.slider-wrapper h2
{
font-size:42px;
font-weight:500;
/*font-family: 'Ubuntu', sans-serif;*/
text-align:center;
color:#f79927;
text-shadow: 1px 1px 2px rgba(3,3,3,1);
}
.italicstyle
{
font-size:42px;
font-weight:500;
text-align:center;
font-style:italic;
color:#ffffff;
text-shadow: rgb(150, 150, 150) 1px 2px 0px, rgb(0, 0, 0) 0px 0px 2px;
}
.slider-wrapper p{
position:absolute;
top:-200px;
z-index:8000;
padding:1% 3%;
font-size:24px;
line-height:100%;
color:#ffffff;
white-space: nowrap;
text-transform:uppercase;
}
.claim{
line-height:100%;
width:100%;
font-size:42px;
font-weight:500;
/*font-family: 'Ubuntu', sans-serif;*/
text-align:center;
color:#f79927;
text-shadow: 1px 1px 2px rgba(3,3,3,1);
}
.teaser{
font-size:14px;
line-height:100%;
color:#ffffff;
width:100%;
font-style:italic;
}
.small{
width:250px;
padding-left:0; padding-right:0px;
text-align:center;
}
/*Slider*/
/*404-page class*/
.infi_404_quote{
background: #f79927;
border-radius: 0 0 10px 10px;
color: #ffffff;
line-height: 10.5;
margin-top: -10px;
padding: 0.5em 0;
text-align: center;
z-index: -1;
-moz-box-shadow: inset 0 8px 8px -8px rgba(100, 100, 100, 0.6 ),
inset 0 -8px 8px -8px rgba(100, 100, 100, 0.6 );
-webkit-box-shadow: inset 0 8px 8px -8px rgba(100, 100, 100, 0.6 ),
inset 0 -8px 8px -8px rgba(100, 100, 100, 0.6 );
box-shadow: inset 0 8px 8px -8px rgba(100, 100, 100, 0.6 ),
inset 0 -8px 8px -8px rgba(100, 100, 100, 0.6 );
}
.infi_404_quote p {
font-size: 1.4em;
margin: 0px;
font-weight:400;
padding: 0 10px;
font-style:italic;
}
.infi-404-header span{
font-size: 5em;float:right; position: relative; margin-top:5%;margin-right: 20%
}
.infi-404-header img{
float: left;
position: relative;
margin-top:35px;
margin-left:10%;
}
.infi-404-header{
position:relative;
background: #ffffff;
height:210px;
border-top:2px solid #f79927;
border-bottom:2px solid #f79927;
}
.inf-404{
background: rgba( 250, 250, 250, 1);
height: 100%;
min-height: 1px;
padding: 0em 0em 3em 0em;
background-size: cover;
}
.infi-404-btn a{
color: #ffffff;
}
.infi-404-btn{
background: #f79927 none repeat scroll 0 0;
color: #fff;
float: left;
font-size: 2em;
margin-left: 17%;
margin-top: -80px;
padding: 5px 10px;
text-decoration: none;
z-index: 100;
}
.infi-404-img{
float: right;
z-index: 10;
}
.whatsapp_circle
{
background-color:#2ab200;
height:35px;
width:35px;
border-radius:50%;
position:absolute;
top:5px;
z-index:-1;
}
/*404-page class*/
/*Media Query*/
@media screen and (max-width: 600px) {
/* nav-wrap */
#infi_menu-wrap {
position: relative;
}
#infi_menu-wrap * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* menu icon */
#infi_menu-trigger {
display: none; /* show menu icon */
height: 40px;
line-height: 40px;
cursor: pointer;
margin-top: 15px;
color: #000000;
text-align: center;
border-radius: 4px;
font-weight: bold;
background: #f79927;
float: right;
font-size: 25px;
margin-right: 20px;
width: 40px;
/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#444, #111);*/
}
/* main nav */
#infi_menu {
margin: 0; padding: 10px;
position: absolute;
top: 40px;
width: 100%;
z-index: 1;
background-color: #444;
display: none;
box-shadow: none;
}
#infi_menu:after {
content: '';
position: absolute;
left: 25px;
top: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #444;
}
#infi_menu ul {
position: static;
visibility: visible;
opacity: 1;
margin: 0;
background: none;
box-shadow: none;
}
#infi_menu ul ul {
margin: 0 0 0 20px !important;
box-shadow: none;
}
#infi_menu li {
position: static;
display: block;
float: none;
border: 0;
margin: 5px;
box-shadow: none;
}
#infi_menu ul li{
margin-left: 20px;
box-shadow: none;
}
#infi_menu a{
display: block;
float: none;
padding: 0;
color: #999;
}
#infi_menu a:hover{
color: #fafafa;
}
#infi_menu ul a{
padding: 0;
width: auto;
}
#infi_menu ul a:hover{
background: none;
}
#infi_menu ul li:first-child a:after,
#infi_menu ul ul li:first-child a:after {
border: 0;
}
.rightside_block{left:34px;top:-34px;right:0;}
.tabs-right > .nav-tabs > li > a{width:35px;height:35px;font-size:18px;padding:4px;}
.tabs-right > .nav-tabs > li{float:left;}
.infi_portfolio_close1{margin-left:0px; float:right;padding:0px 3px 0;}
.tabs-right > .nav-tabs{margin-top:3px; margin-bottom:3px;}
.tabs-right > .nav-tabs > li > a > img{width:35px; height:35px; margin-top:-6px; margin-left:-6px;}
}
@media screen and (min-width: 600px) {
/*#infi_menu {
display: block !important;
}*/
}
@media screen and (min-width: 989px) {
.flexslider .slider-caption {
top: 230px;
}
}
@media screen and (min-width: 1200px) {
.flexslider .slider-caption {
top: 380px;
}
}
@media only screen and (min-width: 1000px){
.slider{
width:1000px;
}
}
@media only screen and (min-width: 1440px){
.slider{
width:1440px;
}
}
@media (min-width: 240px) and (max-width: 319px)
{
.infi_logo_phone{margin-left:10px;width:90%;}
#infi_menu-wrap{margin-left:-22px !important;}
.infi_responsive_btn{margin:auto;padding:3px 6px;}
#menu-wrapper{padding:10px 0;width:90%;margin-left:5%;}
#main-slider{height:200px;}
.infi_client_list li{margin-left:30px;}
.infi_grap_lileft{margin-left:0px;}
.infi_grap_lileft1{margin-left:0px;}
.heading-section h2{font-size:30px;}
.heading-section p{font-size:26px;}
.infi_grap_height{height:470px !important;}
.infi_web_height{height:560px !important;}
.image_GrpMenu{margin-bottom:0px;margin-top:0px;}
.image_GrpMenu ul, .image_GrpMenu1 ul{
display: block;
left:0px;
top:0px;
padding-left:0px;
}
.image_GrpMenu ul li{
height: 100px;
width:50px;
left:2%;
top:-40px;
}
.image_GrpMenu ul li img{width:65px;}
.image_GrpMenu ul li:first-child{top:0px;}
.image_GrpMenu ul li:nth-child(2n){
width:50px;
left: 78%;
top: -20px;
}
.image_GrpMenu ul li:nth-child(4){top: -60px;}
.image_GrpMenu ul li:nth-child(5){top: -80px;}
.image_GrpMenu ul li:nth-child(6){top: -95px;}
.image_GrpMenu_title
{
font-size: 16px;
top:27%;
left:50px;
width:120px;
text-align:center;
padding:1px 0 2px 10px;
}
.image_GrpMenu_title2
{
width: 120px;
left: 90%;
top: 43%;
}
.image_GrpMenu ul li:nth-child(2n) .image_GrpMenu_title
{
left: -105px;
width: 120px;
padding:1px 0 2px 10px;
}
.image_GrpMenu ul li:nth-child(2n) .image_GrpMenu_title2
{
width: 120px;
left: -99px;
top:43%;
}
.infi_3dli_left1{margin-left:0px !important;}
.infi_3dli_left2{margin-left:0px !important;}
.infi_3dli_left3{margin-left:0px !important;}
.portfolio_title{padding:1px 0 6px 0;}
.portfolio_title h1{font-size:24px;}
.infi_services_list{padding-left:13%;}
.infi_services_list li{margin-left:0%;}
.infi_services_list li:first-child{margin-left:0%;}
.infi_services_list li:nth-child(3){margin-left:0%;}
.infi_services_list li:nth-child(2), .infi_services_list li:nth-child(3), .infi_services_list li:last-child{margin-top:30%;}
#lihover:first-child:hover {margin-top:0px;}
#lihover:nth-child(2):hover, #lihover:last-child:hover, #lihover:nth-child(3):hover{margin-top:30%;}
}
@media (min-width: 320px) and (max-width: 479px)
{
.client_name{right:-10px;}
.infi_logo_phone{margin-left:10px;width:100%;}
#infi_menu-wrap{padding-left:0px !important;margin-top:8px;}
.infi_responsive_btn{margin:auto;padding:8px;}
#menu-wrapper{padding:10px 0;width:90%;margin-left:6%;}
#main-slider{height:265px;}
.infi_grap_lileft{margin-left:0px;}
.infi_grap_lileft1{margin-left:50px;}
.infi_grap_height{height:470px !important;}
.infi_web_height{height:560px !important;}
.image_GrpMenu{margin-bottom:0px;margin-top:0px;}
.image_GrpMenu ul, .image_GrpMenu1 ul{
display: block;
left:0px;
top:0px;
}
.image_GrpMenu ul li{
height: 115px;
left:0%;
top:-40px;
}
.image_GrpMenu ul li:first-child{top:0px;}
.image_GrpMenu ul li:nth-child(2n){
width:100px;
left:70%;
top: -20px;
}
.image_GrpMenu ul li:nth-child(4){top: -60px;}
.image_GrpMenu ul li:nth-child(5){top: -80px;}
.image_GrpMenu ul li:nth-child(6){top: -95px;}
.image_GrpMenu_title{top:40%;}
.image_GrpMenu_title2{top: 60%;}
.image_GrpMenu ul li:nth-child(2n) .image_GrpMenu_title2{top: 60%;}
.infi_3dli_left1{margin-left:0px !important;}
.infi_3dli_left2{margin-left:0px !important;}
.infi_3dli_left3{margin-left:0px !important;}
.portfolio_title{padding:1px 0 6px 0;}
.portfolio_title h1{font-size:24px;}
.infi_services_list{padding-left:85px;}
.infi_services_list li{margin-left:0%;}
.infi_services_list li:nth-child(2), .infi_services_list li:nth-child(3), .infi_services_list li:last-child{margin-top:110px;}
#lihover:first-child:hover {margin-top:0px;}
#lihover:nth-child(2):hover, #lihover:last-child:hover, #lihover:nth-child(3):hover{margin-top:110px;}
.separate_arrow{margin-left:35%;}
.infi_portfoliolist1 li:first-child{margin-left:5%;}
.infi_portfoliolist2 li:first-child{margin-left:10%;}
.block_3d{width:250px !important;}
}
@media (min-width: 480px) and (max-width: 767px)
{
.client_name{right:-30px;}
.infi_logo_phone{margin-left:15px;width:60%;}
.infi_responsive_btn{margin:auto;padding:8px;}
#menu-wrapper{padding:10px 0;width:90%;margin-left:5%;}
#main-slider{height:390px !important;}
#content-slider{height:390px !important;}
.infi_grap_lileft{margin-left:0px;}
.infi_grap_lileft1{margin-left:0px;}
.infi_grap_height{height:470px !important;}
.infi_web_height{height:560px !important;}
.image_GrpMenu{margin-bottom:0px;margin-top:0px;}
.image_GrpMenu ul, .image_GrpMenu1 ul{
display: block;
left:0px;
top:0px;
}
.image_GrpMenu ul li{
height: 115px;
left:0%;
top:-40px;
}
.image_GrpMenu ul li:first-child{top:0px;}
.image_GrpMenu ul li:nth-child(2n){
width:100px;
left: 80%;
top: -20px;
}
.image_GrpMenu ul li:nth-child(4){top: -60px;}
.image_GrpMenu ul li:nth-child(5){top: -80px;}
.image_GrpMenu ul li:nth-child(6){top: -95px;}
.image_GrpMenu_title{top:40%;}
.image_GrpMenu_title2{top: 60%;}
.image_GrpMenu ul li:nth-child(2n) .image_GrpMenu_title2{top: 60%;}
.infi_3dli_left1{margin-left:0px !important;}
.infi_3dli_left2{margin-left:0px !important;}
.infi_3dli_left3{margin-left:0px !important;}
.portfolio_title{padding:1px 0 6px 0;}
.portfolio_title h1{font-size:24px;}
.infi_services_list{padding-left:8%;}
.infi_services_list li{margin-left:9%;}
.infi_services_list li:first-child{margin-left:0%;}
.infi_services_list li:nth-child(3){margin-left:0%;}
.infi_services_list li:nth-child(3), .infi_services_list li:last-child{margin-top:18%;}
#lihover:first-child:hover, #lihover:nth-child(2):hover{margin-top:0px;}
#lihover:last-child:hover, #lihover:nth-child(3):hover{margin-top:18%;}
.infi_portfoliolist2 li:first-child{margin-left:25%;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px)
{
.infi_responsive_btn{margin:auto;}
#menu-wrapper{padding:10px 0;}
.infi_logo{margin-left:25px;}
#main-slider{height:350px;}
#content-slider1{height:350px;}
.infi_grap_ulleft{margin-left:10px;}
.infi_grap_lileft{margin-left:0px;}
.infi_grap_lileft1{margin-left:0px;}
.infi_grap_height{height:370px !important;}
.infi_web_height{height:480px !important;}
.image_GrpMenu{margin-bottom:0px;margin-top:0px;}
.image_GrpMenu ul, .image_GrpMenu1 ul{
display: block;
left:0px;
top:0px;
}
.image_GrpMenu ul li{
height: 115px;
left:10%;
top:-80px;
}
.image_GrpMenu ul li:first-child{top:0px;}
.image_GrpMenu ul li:nth-child(2n){
left: 80%;
width:100px;
top: -40px;
}
.image_GrpMenu ul li:nth-child(4){top: -120px;}
.image_GrpMenu ul li:nth-child(5){top: -160px;}
.image_GrpMenu ul li:nth-child(6){top: -190px;}
.image_GrpMenu_title{top:40%;}
.image_GrpMenu_title2{top: 60%;}
.image_GrpMenu ul li:nth-child(2n) .image_GrpMenu_title2{top: 60%;}
.infi_3dli_left1{margin-left:0px !important;}
.infi_3dli_left2{margin-left:0px !important;}
.infi_3dli_left3{margin-left:0px !important;}
.portfolio_title{padding:1px 0 6px 0;}
.portfolio_title h1{font-size:24px;}
.infi_services_list{padding-left:2%;}
.infi_services_list li{margin-left:15%;}
.infi_services_list li:first-child{margin-left:15%;}
.infi_services_list li:nth-child(3), .infi_services_list li:last-child{margin-top:12%;}
#lihover:first-child:hover, #lihover:nth-child(2):hover{margin-top:0px;}
#lihover:last-child:hover, #lihover:nth-child(3):hover{margin-top:12%;}
.separate_arrow{margin-left:42%;}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px)
{
#main-slider{height:400px;}
.infi_logo{margin-top:15px;margin-left:25px;}
#infi_menu{margin-left:0px;}
#infi_menu li{margin:0 17px;}
.infi_services_list li{ margin-left:2%;}
.image_GrpMenu ul, .image_GrpMenu1 ul{padding-left:20px;}
.image_GrpMenu ul li:nth-child(6){width:100px;margin-right:55px;}
.infi_3dli_left1{margin-left:4% !important;}
.infi_3dli_left2{margin-left:23% !important;}
.infi_3dli_left3{margin-left:4% !important;}
.portfolio_title h1{font-size:26px;}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
.infi_logo{margin-top:8px;margin-left:25px;}
.image_GrpMenu ul, .image_GrpMenu1 ul{padding-left:120px;}
.infi_services_list li{ margin-left:7%;}
.separate_arrow{margin-left:39%;}
}
@media (min-width: 1500px)
{
.separate_arrow{margin-left:34%;}
}
@media(max-width:991px)
{
.infi_main
{
height:100%;
margin-top:65px;
background-image:none;
}
.infi_services_list{background-color:none;}
.infi_services_list li
{
background-color:#000000;
margin-top:0px;
height:175px;
border-radius:150% 150% 0 0;
}
.infi_service_circle
{
box-shadow:none;
margin-top:-30%;
margin-left:3px;
}
.infi_services_list li:hover .infi_service_circle{margin-top:-35%;}
.infi_borderR{border:none;}
.infi_borderL{border:none;}
}
@media (min-width: 360px) and (max-width: 399px)
{
.infi_services_list{}
.infi_services_list li{margin-left:0%;margin-right:20%;}
.infi_services_list li:first-child{margin-left:0%;}
.infi_services_list li:nth-child(3){margin-left:0%;}
.infi_portfoliolist li, .infi_portfoliolist1 li, .infi_portfoliolist2 li{margin-left:45px !important;}
.block_3d{width:250px !important;}
}
@media (min-width: 400px) and (max-width: 409px)
{
.infi_portfoliolist li, .infi_portfoliolist1 li, .infi_portfoliolist2 li{margin-left:75px !important;}
.block_3d{width:300px !important;}
}
@media (min-width: 410px) and (max-width: 459px)
{
.infi_services_list{padding-left:4%;}
.infi_services_list li{margin-left:5%;}
.infi_services_list li:first-child{margin-left:0%;}
.infi_services_list li:nth-child(3){margin-left:0%;}
.infi_services_list li:nth-child(2){margin-top:0px;}
#lihover:nth-child(2):hover{margin-top:0;}
.block_3d{width:300px !important;}
.infi_portfoliolist li, .infi_portfoliolist1 li, .infi_portfoliolist2 li{margin-left:75px !important;}
}
@media (min-width: 460px) and (max-width: 479px)
{
.infi_services_list{padding-left:7%;}
.infi_services_list li{margin-left:5%;}
.infi_services_list li:first-child{margin-left:0%;}
.infi_services_list li:nth-child(3){margin-left:0%;}
.infi_services_list li:nth-child(2){margin-top:0px;}
#lihover:nth-child(2):hover{margin-top:0;}
.block_3d{width:300px !important;}
.infi_portfoliolist li, .infi_portfoliolist1 li, .infi_portfoliolist2 li{margin-left:75px !important;}
}
@media (min-width: 530px) and (max-width: 579px)
{
.infi_services_list{padding-left:9%;}
.infi_services_list li{margin-left:16%;}
.infi_services_list li:nth-child(2){margin-right:0%;}
}
@media (min-width: 580px) and (max-width: 659px)
{
.infi_services_list{padding-left:15%;}
.infi_services_list li{margin-left:14%;}
.infi_services_list li:nth-child(2){margin-right:2%;}
}
@media (min-width: 660px) and (max-width: 688px)
{
.infi_services_list{padding-left:12%;}
.infi_services_list li{margin-left:20%;}
.infi_services_list li:nth-child(2){margin-right:14%;}
}
@media (min-width: 689px) and (max-width: 733px)
{
.infi_services_list{padding-left:11%;}
.infi_services_list li{margin-left:24%;}
.infi_services_list li:nth-child(2){margin-right:0%;}
}
@media (min-width: 734px) and (max-width: 767px)
{
.infi_services_list{padding-left:13%;}
.infi_services_list li{margin-left:29%;}
.infi_services_list li:nth-child(2){margin-right:20%;}
}
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(../images/Preloader_31.gif) center no-repeat #fff;
}
.logo_img
{
height:400px;
width:auto;
}