@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Ruda:400,700,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800);

@font-face {
  font-family: "capio-icon-font";
  src:url("fonts/capio-icon-font.eot");
  src:url("fonts/capio-icon-font.eot?#iefix") format("embedded-opentype"),
    url("fonts/capio-icon-font.woff") format("woff"),
    url("fonts/capio-icon-font.ttf") format("truetype"),
    url("fonts/capio-icon-font.svg#capio-icon-font") format("svg");
  font-weight: normal;
  font-style: normal;

}



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%;
	font: inherit;

	vertical-align: baseline;
  -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body,* {
 font-size:13px;
	font-family: 'Ruda', sans-serif; 	
	font-weight:400;
}
body {

   background-color:#111;

   width:100%;

   overflow:hidden;

   background-position:0 0;

   background-repeat:no-repeat;

   background-attachment:fixed;

   background-size:cover;

   height:100%;

   position:relative;

   overflow-y:auto;

}


.portfolio-wrapper a img{ vertical-align:bottom !important;}


p{font-family: 'Open Sans', sans-serif; color:#bbb;}
b{ font-weight:700}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.main-wrapper{ width:100%; height:auto; float:left;}

.main-wrapper, .wrapper{
	
	  width:100%; height:auto; float:left;
	
	}
	



.wrapper_inner{
	max-width:1280px; height:auto; margin:0 auto;
}
	
.intro{height:auto; width:100%; float:left; padding:0;

/* fallback */ background-color: #222222;
}
.home_bg{ background:url(../images/home-page_bg.png) no-repeat; background-size:cover;}
.home_menu_container{width:100%; height:auto; float:left; background:#1ba0db;}

.container{width:1180px; height:auto; margin:0 auto;}
.containerHead{ width:100%; height:150px;}

.mainHeader{ width:100%; height:65px;margin:0 auto; }
.mainHeader2{max-width:1180px; height:auto; margin:0 auto;}
.mainHeader3{ width:100%; height:60px;margin:0 auto; overflow:hidden !important;}



.logoContainer{width:125px; height:60px;  margin: 0; float:right;}
.mainHeader2 .logoContainer{width:120px; height:auto;  margin:10px 0 0; float:right;}
.mainHeader2 .logoContainer img{ width:100% !important; height:auto;}
.mainHeader3 .logoContainer{width:120px; height:auto;  margin:7px 0 0; float:right;}
.mainHeader3 .logoContainer img{ width:100% !important; height:auto;}
.mainHeader3 .mainMenu{margin:0px 0 0 0;}
.mainHeader3 .mainMenu a {font-size: 1em; padding:15px 10px;}
.mainHeader3 .mainMenu a::after{display:none;}
.mainHeader3 .mainMenu a span:last-child { color:#999999;}


.home_video{ width:100%; height:auto; float:left;background:#522720;}
.ataglance{height:auto; width:100%; float:left; padding-top:120px; background-color: #FFF;}
.yellow{height:auto; width:100%; float:left; padding:50px 0; background-color: #111111;}

.web_color{height:auto; width:100%; float:left; padding:0 0; background:#222;}
.explanatory_color{height:auto; width:100%; float:left; padding:0 0; background:#111;}
.comm_ad_color{height:auto; width:100%; float:left; padding:0 0; background:#333;}
.print_color{height:auto; width:100%; float:left; padding:0 0; background:#111;}
.mob_app_color{height:auto; width:100%; float:left; padding:0 0; background:#20c2ef;}
.branding_color{height:auto; width:100%; float:left; padding:0 0; background:#111;}
.strategy_color{height:auto; width:100%; float:left; padding:0 0; background:#222 !important;}

.welcome_carector{ width:23.63%; height:506px; position:absolute; top:200px; left:18%;}

.strategy_text{width:50%; min-height:600px; float:left; padding:100px 0;}
.strategy_text p{ display:block; padding-right:5%;}
.important_text{width:50%; height:600px; float:left; display:table;}
.important_txt{ width:100%; height:auto; display:table-cell; vertical-align:middle;}
.important_txt p{ display:block; padding-left:5%; border-left:1px solid #999; font-size:2em;}

.brief-content{ padding-top:100px;}
.brief-content{ padding-top:100px;}
.branding_color .brief-img{ padding-top:140px; text-align:center;}
.branding_color .brief-img img{ width:80%; }



.web_color h1, .web_color h4{ color:#1ba0db;}
.explanatory_color h1, .explanatory_color h4{ color:#1ba0db;}
.comm_ad_color h1, .comm_ad_color h4, .comm_ad_color h6{ color:#1ba0db;}
.print_color h1, .print_color h4,  .print_color h6{ color:#1ba0db;}
.mob_app_color h1, .mob_app_color h4{ color:#1ba0db;}
.branding_color h1, .branding_color h4{ color:#1ba0db;}



.welcome_carector img{ width:100%;}

.container .padding-top{ width:60%; float:right;}



#waypoint_div{width:100%; height:1px; float:left;}

canvas { background:none}

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	color: #1ba0db;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h1
{
	font-size: 6em;
}
h2
{
	font-size: 5em;
}
h4{
	font-size:4em;
}
h5{
	font-size:3em;
}
h6{
	font-size:2em; margin:20px; text-align:center;
}




.lineup_capio{width:100%; height:auto; float:left; background:#1ba0db;/* background:url(../images/all_carectors.jpg); background-repeat:no-repeat; background-size:contain;*/ background-position: center top;}

.lineup_capio img{width:100%; height:auto; float:left;}
 /* Demo 1 */
 
            #smartdemo1 {
                width: 600px;
                height: 450px;
                overflow: hidden;
                border:2px solid #444444;
				margin: 0;
            }
            #smartdemo1 li{
                width: 800px;
                height: 600px;
            }

            /* Demo 2 */
            #smartdemo2 {
                width: 1000px;
                height: 450px;
                overflow: hidden;
                border:2px solid #444444;
				margin: 0 auto;
            }
            #smartdemo2 li{
                width: 800px;
                height: 600px;
            }
			
            /* Demo 3 */
            #smartdemo3 {
	width: 1000px;
	height: 620px;
	overflow: hidden;
	margin:0 auto;
            }
            #smartdemo3 li{
	width: 900px;
	height: 620px;
            }
            #smartdemo3 .content {
                padding: 0 105px;
                color: #fff;
                text-shadow: 0 0 8px #000000;
            }





















.brief-left{ width:100%; height:auto}
.strongTitle{width:220px; height:auto;  float:left;text-align:center}
.strongTitle h1{font-size: 9.4em;font-weight: 900;}
.name-block{ width:260px; height:auto;margin:0 10px; text-align:left; float:left;}
.name-block h1{font-size:4em;}
.name-block h4{ font-size:2.5em; text-align:left; line-height:12px;}
.title-block{width:100%; height:170px; }



.brief-content{width:700px; height:auto; padding:0 0 60px 200px; float:left;}
.brief-content p{ width:auto; margin:10px 20px; text-align:justify;}
.brief-img{width:calc(100% - 800px); height:auto; float:right; padding: 0; text-align:right;}
.brief-img img{width:100%; height:auto;}

.brief-right{ width:100%; height:100%; float:left;}
.brief-right .brief-img{float:left; margin-top:50px;}
.brief-right .brief-content{float:right; width:610px; padding:60px 110px 35px 0;}


.office{width:100%; height:681px; background-image:url(../images/capio_office.jpg); position:relative;}
.office:after{position:absolute; width:100%; height:681px; top:0; left:0; background:rgba(0,0,20,0.8); z-index:1; content:'';}
.we_are{width:100%; height:auto; float:left; position:absolute; z-index:2; padding-top:150px;}
.we_are h6{ color:#fff; background:#1ba0db; display:block; line-height:50px; width:65%; margin:20px auto;}
.we_are h1{color:#FFF; font-weight:900; font-size:10em; text-align:center;}
.we_are p{display:block; width:70%; height:auto; margin:0 auto; font-size:1.2em; color:#ddd; text-align:center;}


.vision_container{width:50%; height:auto; float:left; padding:0 5% 0 10%;}
.mission_container{width:50%; height:auto; float:left; padding:0 10% 0 0;}




.link{width:auto; height:auto; margin:0 auto; padding-top:20px; outline:none;}
.link .button{position:relative;
-moz-transition:0.4s ease;
-o-transition:0.4s ease;
-webkit-transition:0.4s ease;
transition:0.4s ease;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block; width:114px; height:auto; padding:10px 20px; border:1px solid #0FF; margin:0 auto;
outline:none;
}
.link .button .line{position:absolute;background:none;-moz-transition:0.4s;-o-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;}
.link .button .line.line-top{width:0;height:1px;top:-1px;left:-110%;}
.link .button .line.line-right{width:1px;height:0;top:-110%;right:-1px;}
.link .button .line.line-bottom{width:0;height:1px;bottom:-1px;right:-110%;}
.link .button .line.line-left{width:1px;height:0;bottom:-110%;left:-1px;}
.link .button:hover{border:1px solid white;}
.link .button:hover .line{background:white;}
.link .button:hover .line.line-top{width:100%;left:-1px;}
.link .button:hover .line.line-right{height:100%;top:-1px;}
.link .button:hover .line.line-bottom{width:100%;right:-1px;}
.link .button:hover .line.line-left{height:100%;bottom:-1px;}
.link .button:hover{background-position:140px center;}


.glanceContainer .container .link .button{border:1px solid #888;}
.glanceContainer .container .link .button:hover{border:1px solid #1ba0db;}
.glanceContainer .container .link .button:hover .line{background:#888;}




.comm_ad_color .link .button{position:relative;
-moz-transition:0.4s ease;
-o-transition:0.4s ease;
-webkit-transition:0.4s ease;
transition:0.4s ease;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block; width:125px; height:auto; padding:10px 20px; border:1px solid #1ba0db; margin:0 auto; color:#1ba0db; margin-bottom:40px;
}
.comm_ad_color .link .button:hover{border:1px solid white;}

.branding_color .link .button{position:relative;
-moz-transition:0.4s ease;
-o-transition:0.4s ease;
-webkit-transition:0.4s ease;
transition:0.4s ease;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block; width:125px; height:auto; padding:10px 20px; border:1px solid #1ba0db; margin:0 auto; color:#1ba0db; margin-bottom:40px;
}
.branding_color .link .button:hover{border:1px solid white; color:#fff;}


.explanatory_color .link .button{position:relative;
-moz-transition:0.4s ease;
-o-transition:0.4s ease;
-webkit-transition:0.4s ease;
transition:0.4s ease;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block; width:125px; height:auto; padding:10px 20px; border:1px solid #1ba0db; margin:0 auto; color:#1ba0db; margin-bottom:40px;
}
.explanatory_color .link .button:hover{border:1px solid white; color:#fff;}



.web_color .link .button{position:relative;
-moz-transition:0.4s ease;
-o-transition:0.4s ease;
-webkit-transition:0.4s ease;
transition:0.4s ease;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block; width:125px; height:auto; padding:10px 20px; border:1px solid #1ba0db; margin:0 auto; color:#1ba0db; margin-bottom:40px;
}
.web_color .link .button:hover{border:1px solid white; color:#fff;}




.print_color .link .button{position:relative;
-moz-transition:0.4s ease;
-o-transition:0.4s ease;
-webkit-transition:0.4s ease;
transition:0.4s ease;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block; width:125px; height:auto; padding:10px 20px; border:1px solid #1ba0db; margin:0 auto; color:#1ba0db; margin-bottom:40px;
}
.print_color .link .button:hover{border:1px solid white; color:#fff;}





p
{
	margin:10px; font-size:1.2em
}

hr{height:1px; border:none;color:#FF0000; width:40%; margin:30px auto; border-bottom:1px solid #00FFFF;}

a { color:#1ba0db; text-decoration:none;}
a:hover { color:#00a38e;}

.mainMenu a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1em;
	text-decoration:none;
}

/*.ha-header-show .mainMenu a {
	
	font-size: 1.1em;
}*/


.ha-header-show .mainMenu a::after {
	top: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}


img{ max-width:100%}
nav a:hover,
nav a:focus {
	outline: none;
}


/* Effect 9: second text and borders */
.mainMenu{margin:0 0 0 0;float:left; width:960px; }
.mainMenu a {
	margin:10px 10px 0 10px;
	padding: 10px 10px; text-align:center;
}

.mainMenu a::before,
.mainMenu a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: opacity 0.3s, height 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s;
	transition: opacity 0.3s, height 0.3s;
}


.mainMenu a::after {
	display:none;
	top: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}


.mainMenu a span:first-child {
	z-index: 2;
	display: block;
	font-weight: 300;

}

.mainMenu a span:last-child {
	z-index: 1;
	display: block;
	padding: 8px 0 0 0;
	color: rgba(0,0,0,0.4);
	text-shadow: none;
	text-transform: none;
	font-style: italic;
	font-size: 0.8em;
	text-align:center;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.mainMenu a:hover::before,
.mainMenu a:focus::before {
	height: 6px;
}

.mainMenu a:hover::before,
.mainMenu a:hover::after,
.mainMenu a:focus::before,
.mainMenu a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.mainMenu .active::before {
		opacity: 1 !important;
		height: 6px;
	
	}

.mainMenu .active::after{
		opacity: 1 !important;
		
	
	}
	

.mainMenu .active span:last-child,
.mainMenu .active span:last-child {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

.mainMenu a:hover span:last-child,
.mainMenu a:focus span:last-child {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}


.clear { clear:both}

/* home page circle animation class*/



.ca-menu{
    padding: 0;
    margin: 20px 0;
    height:auto; min-height:400px;  float:left; width:auto;
}

.glanceContainer{width:100%; height:auto; height:auto; margin:0 auto 80px;}

.ca-menu li h1{ text-align:center;font-size:40px; color:#1ba0db; font-weight:bold }
.ca-menu li h4{ text-align:center; font-size:20px; color:#1ba0db; width:100%;}
.ca-menu li p { text-align:center;}
.ca-menu li {width: 236px;height: auto; min-height:350px; float:left; display:inline ;}

.ca-menu li .circle{
    width: 150px;
    height: 150px;
    /*border: 10px solid #f6f6f6; */
    overflow: hidden;
    position: relative;
	margin:0 auto;
    background: #111;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li .circle:last-child{
    margin-right: 0px;
}
.ca-menu li.circle a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font-family: "capio-icon-font";
    font-size: 40px;
    color: #f6f6f6;
    line-height: 60px;
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0px;
    top: 45px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

.ca-menu li .circle:hover{
    border-color: #333;
    z-index: 999;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.ca-menu li:hover .ca-icon{
    color: #fff;
    font-size: 60px;
    text-shadow: 0px 0px 1px #000;
    -webkit-animation: 100ms ease;
    -moz-animation: 100ms ease;
    -ms-animation: 100ms ease;
}

.ca-menu li .circle:hover .ca-main{
    color: #fff;
    -webkit-animation: 100ms ease;
    -moz-animation: 100ms ease;
    -ms-animation:100ms ease;
	
}


/*home page circle animation class ends here */




/* testimonial slider */



#slider {
	width:900px;
	height:300px;
	margin:40px auto 0;
	overflow:visible;
	-moz-transition:all 150ms ease-in;
	-webkit-transition:all 150ms ease-in;
	-o-transition:all 150ms ease-in;
	position:relative;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
}
#mask {
	overflow:hidden;
}
#slider:hover {
	-webkit-animation:rotatey 400ms ease-out;
	-moz-animation:rotatey 400ms ease-out;
}
#slider:hover #pause {
	opacity:1;
}
#slider:hover #progress {
	background-color:rgba(255,255,255,0.0);
}
#slider:hover ul, #slider:hover #progress, #slider:hover #overlay {
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
}
#pause {
	width:100%;
	height:300px;
	position:absolute;
	top:0;
	opacity:0;
	pointer-events:none;
	-moz-transition:all 150ms ease-in;
	-webkit-transition:all 150ms ease-in;
	-o-transition:all 150ms ease-in;
}
#progress {
	width:1px;
	height:5px;
	background-color:#333;
	-moz-animation:progress 18s infinite;
	-webkit-animation:progress 18s infinite;
	position:relative;
	top:-1px;
	-moz-transition:all 150ms ease-in;
	-webkit-transition:all 150ms ease-in;
	-o-transition:all 150ms ease-in;
}

#slider ul {
	width:3600px;
	list-style:none;
	padding:0;
	margin:0; display:table;
	-moz-animation:slide-animation 18s infinite;
	-webkit-animation:slide-animation 18s infinite;
	position:relative;
	left:0px;
}
#slider li {
	display: table-cell;
	width:900px;
	height:280px;
	padding-top:30px;
	float:left; font-size:3em; text-align:center; font-weight:900;
	
	vertical-align:middle; 
}

#slider li a {
	display:block;
	text-decoration:none;
}
#slider li .quote { font-size:3em; font-weight:bold;}
#slider li .author { font-size:.7em; }
#slider-shadow {
	width:100%;
	height:300px;
	background-position:center bottom;
	background-repeat:no-repeat;
	margin:10px auto 0;
}
@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-900px; opacity:1;}
45% {left:-900px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-1800px; opacity:1;}
70% {left:-1800px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-2700px; opacity:1;}
95% {opacity:1;}
98% {left:-2700px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-900px; opacity:1;}
45% {left:-900px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-1800px; opacity:1;}
70% {left:-1800px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-2700px; opacity:1;}
95% {opacity:1;}
98% {left:-2700px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-webkit-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:100%; opacity:1;}
22.5% {width:100%; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:100%; opacity:1;}
47.5% {width:100%; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:100%; opacity:1;}
72.5% {width:100%; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:100%; opacity:1;}
98% {width:100%; opacity:0;}
100% {width:0px; opacity:0;}
}
@-moz-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:100%; opacity:1;}
22.5% {width:100%; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:100%; opacity:1;}
47.5% {width:100%; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:100%; opacity:1;}
72.5% {width:100%; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:100%; opacity:1;}
98% {width:100%; opacity:0;}
100% {width:0px; opacity:0;}
}
@-webkit-keyframes rotatey {
0% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
25% {transform:rotate(1deg); -ms-transform:rotate(1deg); -moz-transform:rotate(1deg); -webkit-transform:rotate(1deg); -o-transform:rotate(1deg);}
50% {transform:rotate(-1deg); -ms-transform:rotate(-1deg); -moz-transform:rotate(-1deg); -webkit-transform:rotate(-1deg); -o-transform:rotate(-1deg);}
100% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
}
@-moz-keyframes rotatey {
0% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
25% {transform:rotate(1deg); -ms-transform:rotate(1deg); -moz-transform:rotate(1deg); -webkit-transform:rotate(1deg); -o-transform:rotate(1deg);}
50% {transform:rotate(-1deg); -ms-transform:rotate(-1deg); -moz-transform:rotate(-1deg); -webkit-transform:rotate(-1deg); -o-transform:rotate(-1deg);}
100% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
}
@-webkit-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
#slider ul li span h2 {
	font-size:24px;
	line-height:24px;
	color:#fff;
	font-weight:normal;
	text-shadow:1px 1px 1px #362c30;
}




/* testimonial slider ends here */

/* common footer starts here */


.footer{ width:100%; height:auto;  float:left; padding-top:20px; background:#222;}
.footer .inner_container{ margin-bottom:0;}

.footerLogo{ float:left; width:100%; text-align:center; height:80px; float:left;}
.capioFont{font-family: "capio-icon-font";font-size: 10em; line-height:.5em;width:100%; height:60px;  text-align:center; color:#fff; -webkit-font-smoothing: antialiased;}
.footerMiddle{ float:left; width:100%; height:auto;  vertical-align:middle; text-align:center; font-size:16px; color:#fff;}
.copyright{ float:left; width:100%; height:auto; text-align:center;}

.footerAddress{ display:block;  width:100%; height:80px; float:left; }
.footerAddress span{ max-width:240px; text-align:center;color:#ccc; position:relative; display:block; margin:10px auto 0; padding-left:30px}
.footerAddress span:before{ display:block;font-family:"satori-iconfont"; font-size:20px;  width:20px; height:20px; position:absolute; top:-3px; left:0px;}

.footerSocial{ float:right; width:100%; height:100px;}
/*



.footerMiddleInner{vertical-align:middle; display:table-cell; }

*/

.socialIcons{

    height:50px;  float:none; width:250px; margin:10px auto 0; 
}


.socialIcons li { float:left; margin:5px;}

.socialIcons li .circle{
    width: 30px;
    height: 30px;
	/*background:#000;*/
    /*border: 10px solid #f6f6f6; */
    overflow: hidden;
    position: relative;
	margin:0 auto;
	border:1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.socialIcons li .circle:last-child{
    margin-right: 0px;
}
.socialIcons li.circle a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.sa-icon{
    font-family: "capio-icon-font";
    font-size: 18px;
    color: #FFFFFF;
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0px;
    top: 3px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.socialIcons li .circle:hover{
    z-index: 999;
    /*-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;*/
	border:1px solid #fff;
	
}
.socialIcons li:hover .sa-icon{
    text-shadow: 0px 0px 1px #000;
    -webkit-animation:all 100ms ease;
    -moz-animation:all 100ms ease;
    -ms-animation:all 100ms ease;
}
.socialIcons li .circle:hover .sa-icon{
    -webkit-animation:all 100ms ease;
    -moz-animation:all 100ms ease;
    -ms-animation:all 100ms ease;
}




/* common footer ends here */


.top_social{
    height:45px; position:absolute;  float:none; width:250px; /*background:rgba(0, 0, 0, 0.6);*/ display:block; margin-top:80px; border-bottom-right-radius:5px; right:2%;
	-webkit-transform: translatex(300px);
	-moz-transform: translatex(300px);
	transform: translatex(300px);
	transition:all 0.9s ease-in-out;
	-moz-transition:all 0.9s ease-in-out;
	-webkit-transition:all 0.9s ease-in-out;
	transition-delay:1s;
	-webkit-transition-delay:1s;
	-moz-transition-delay:1s;
}

/*
.top_social{
    height:210px; position:relative;  float:none; width:45px; background:rgba(0, 0, 0, 0.6); display:block; margin-top:80px; border-bottom-right-radius:5px;
	-webkit-transform: translatex(-200px);
	-moz-transform: translatex(-200px);
	transform: translatex(-200px);
	transition:all 0.9s ease-in-out;
	-moz-transition:all 0.9s ease-in-out;
	-webkit-transition:all 0.9s ease-in-out;
}*/


.top_social .sa-icon{
    font-family: "capio-icon-font";
    font-size: 19px;
    color: #333;
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0px;
    top: 3px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}


.top_social li { float:left; margin:5px;}

.top_social li .circle{
    width: 30px;
    height: 30px;
	/*background:#1ba0db;*/
    /*border: 10px solid #f6f6f6; */
	background:#FFF;
    overflow: hidden;
    position: relative;
	margin:0 auto;
	border:1px solid #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.top_social li .circle:last-child{
    margin-right: 0px;
}
.top_social li.circle a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}

.top_social li .circle:hover{
    z-index: 999;
	background:#1ba0db;
/*    -ms-transform: rotate(30deg); 
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;border:1px solid #fff;*/
    
}

.top_social li:hover .sa-icon{
	color:#fff;
    -webkit-animation:all 100ms ease;
    -moz-animation:all 100ms ease;
    -ms-animation:all 100ms ease;
}

.top_social li .circle:hover .sa-icon{
    -webkit-animation:all 100ms ease;
    -moz-animation:all 100ms ease;
    -ms-animation:all 100ms ease;
}





#portfolio{height:auto; width:100%; float:left; padding:0; height:auto; position:relative;
 background-color: #252525;}

/* Who we are page */

.gray{height:auto; width:100%; float:left; padding:150px 0 100px 0; height:750px;

/* fallback */ background-color: #252525;
}



#thinkBigContainer{float:right; width:500px; margin:20px 0 0 0; height:400px;}
.thinkText{ font-size:12em; line-height:1em; text-align:left; font-weight:bold; color:#fff;}
.bigText{font-size:18em; line-height:1em; text-align:center;font-weight:900;color:#fff;}


.shipText{font-size:22em; line-height:1em; text-align:left;font-weight:900;color:#fff;}


#caseStudyContainer{float:left; width:600px; margin:20px 0 0 0; height:400px;}
.caseText{ font-size:10em; line-height:1em; text-align:left; font-weight:bold; color:#fff;}
.studyText{font-size:13em; line-height:1em; text-align:left; font-weight:bold;color:#fff;}

.caseStudy-name-block{ width:100%; height:auto;margin:0 10px; text-align:left; float:left;}
.caseStudy-name-block h1{font-size:4em;}
.caseStudy-name-block h4{ font-size:2.5em; text-align:left; line-height:12px;}
.caseStudy-title-block{width:100%; height:auto; }


.caseStudy-brief-content{width:700px; height:auto; padding:0 0 60px 10px; float:left;}
.caseStudy-brief-content p{ width:auto; margin:10px 20px; text-align:justify;}
.caseStudy-brief-content-right{width:700px; height:auto; padding:0 0 60px 10px; float:right;}
.caseStudy-brief-content-right p{ width:auto; margin:10px 20px; text-align:justify;}

.brief-content h5{ font-size:2em; padding-left:20px;}
.caseStudy-brief-img{width:calc(100% - 800px); height:auto; float:right; padding:20px 0; text-align:right;}
.caseStudy-brief-img img{width:100%; height:auto;}


#thinkCanvasContainer{width:351px; height:424px; float:left; position:relative; margin-left:120px;}

#thinkCanvas{ position:absolute; width:100%; height:100%; }
#who-we-section { background:url(../images/capio-interactive-branding-design-agency-about-capio.png) right center no-repeat; background-size: auto;}
/* Who we are ends here */

/* What we do Container */

#reakArtContainer{float:left; width:calc(100% - 351px); margin:20px 0 0 0; height:400px; }
#case_studyContainer{float:left; width:50%; margin:50px 0 0 0; padding-left:40px; height:400px;}

.thinkText{ font-size:10em; width:100%;}
.bigText{ text-align:left;font-weight:900;color:#fff;width:100%; }
#shipCanvasContainer{width:351px; height:424px; float:right; position:relative}
.chillingCarector_container{width:50%; height:auto; float:left; position:relative; padding-top:50px;}

#shipCanvas{ width:100%; height:100%; position:relative;}


.inner_container{max-width:1150px; height:auto; margin:0 auto 40px; }
.inner_container2{max-width:1150px; height:auto; margin:0 auto 40px; }
.content_container{ width:100%; height:auto; float:left; padding-bottom:30px;}
.form_container{width:50%; height:auto; float:left; padding:0 2%}
.address_container{width:50%; height:auto; float:left; padding:0 2%;}
.address_container h3{ padding-left:45px; display:block; position:relative;}
.address_container h3:before{ width:30px; height:30px; display:block; position:absolute;left:10px; top:-5px; font-size:24px;}

.address_container p{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #4cbbe7; color:#FFFFFF;}
.content_container h1{ color:#FFFFFF; font-size:3em}
.content_container h3{ color:#1ba0db; font-size:1.5em}
.contact_bg{ 

 background:
 
	linear-gradient(
      rgba(0, 0, 0, 0.75), 
      rgba(0, 0, 0, 0.75)
    ),
	url(../images/contact-background.jpg);

}
.contact_bg p{color:#fff; width:70%; margin:20px auto;}

.client_container{width:100%; height:auto; float:left;}
.clientcontent_container{ width:100%; height:auto; float:left; padding-bottom:100px;}
.clientlogo_container{width:100%; height:auto; float:left; background:rgba(255, 255, 255, 1); padding-top:50px;}
.clientlogo_container ul li{float:left; width:180px; height:auto; margin:5px; position:relative; text-align:center;}
.clientlogo_container ul li img{ width:80%;}
.clientlogo_container ul{width:100%; height:auto; float:left; position:relative;}
/*.clientlogo_container .client_detail{ width:300px; height:100px; background:#F00; position:absolute; top:-100px; left:-75px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}*/


/*==========================================================coupontooltip=====================================================================*/

span.coupontooltip {
      position: absolute;
	  top:-40px;
	  left:-60px;
      min-width: 300px;
	  min-height:70px; 
      height: auto;
      line-height: 20px;
      padding: 10px;
      font-size: 14px;
      text-align: center;
      color: #fff;
      background:#0083bb;
      border: 4px solid #006e9e;
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
	  
	  -webkit-transform: translateY(0);
	  -moz-transform: translateY(0);
	  transform: translateY(0);
	  transition:all 0.9s ease-in-out;
	  -moz-transition:all 0.9s ease-in-out;
	  -webkit-transition:all 0.9s ease-in-out;
	 /* transition-delay:1s;
	  -webkit-transition-delay:1s;
	  -moz-transition-delay:1s;*/
}

span.coupontooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: #006e9e transparent transparent transparent;
      top: 120px;
      left: 130px;
}


.couponcode:hover span.coupontooltip{
	-webkit-transform: translateY(-100px);
	  -moz-transform: translateY(-100px);
	  transform: translateY(-100px);
}

span.coupontooltip h5{ font-size:1.2em;}
span.coupontooltip p{ font-size:0.9em;}


/*==========================================================coupontooltip=====================================================================*/
/*==========================================================coupontooltip2=====================================================================*/

span.coupontooltip2 {
      position: absolute;
	  top:0;
	  left:-60px;
      min-width: 300px;
	  
	  min-height:70px; 
      height: auto;
      line-height: 20px;
      padding: 10px;
      font-size: 14px;
      text-align: center;
      color: #fff;
      background:#0083bb;
      border: 4px solid #006e9e;
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
	  
	  -webkit-transform: translateY(20px);
	  -moz-transform: translateY(20px);
	  transform: translateY(20px);
	  transition:all 0.9s ease-in-out;
	  -moz-transition:all 0.9s ease-in-out;
	  -webkit-transition:all 0.9s ease-in-out;
	  z-index:500;
	  
	 /* transition-delay:1s;
	  -webkit-transition-delay:1s;
	  -moz-transition-delay:1s;*/
}


span.coupontooltip2:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent #006e9e transparent;
      top: -24px;
      left: 130px;
}


.couponcode2:hover span.coupontooltip2{
	-webkit-transform: translateY(130px);
	  -moz-transform: translateY(130px);
	  transform: translateY(130px);
	 }


span.coupontooltip2 h5{ font-size:1.2em;}
span.coupontooltip2 p{ font-size:0.9em;}

/*.couponcode{ border-right:1px solid #CCC; }
.couponcode2{ border-right:1px solid #CCC;}*/

/*==========================================================coupontooltip2=====================================================================*/


/*.clientlogo_container ul:last-child{width:380px; margin:0 auto; float:none;}*/
.clientcontent_container h1{color:#FFF; font-weight:900; font-size:7em; text-align:center;}
.clientcontent_container p{display:block; width:70%; height:auto; margin:0 auto; font-size:1.2em; color:#ddd; text-align:center;}
/* What we do Container ends here */
.client_bg{ background:
	 
	linear-gradient(
      rgba(0, 0, 0, 0.45), 
      rgba(0, 0, 0, 0.45)
    ),
	url(../images/clients-background.jpg);}
	
	
.wrapper_cover{width:100%; height:100%; float:left; }


/*.listmenu_btn{width:auto; height:auto; position:absolute; top:15px; margin:0 auto; border:1px solid #09C; left:40%; padding:5px 20px;}
.listmenu_btn a{ color:#333333;}

.listmenu_container{width:100%; height:auto; position:absolute; top:60px; z-index:400; padding:10px 0; background:rgba(0, 0, 0, 0.5)}
.iistmenu_container ul{ width:100%; height:auto;}
.listmenu_container ul li{ margin:0 auto; width:80%; }
.listmenu_container ul li:first-child{ margin-top:3px;}
.listmenu_container ul li:last-child{ margin-bottom:3px;}
.listmenu_container a{width:90%; height:33px; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; background:#fff; color:#262626; text-decoration:none; line-height:33px; text-align:center; border:1px solid #dfad68 inset; margin:3px 5%; }

*/







.listmenu_btn{width:auto; height:auto; position:absolute; top:15px; margin:0 auto; border:1px solid #09C; left:40%; padding:5px 20px;}
.listmenu_btn a{ color:#333333;}

.listmenu_container{width:100%; height:auto; position:absolute; top:60px; z-index:400; padding:10px 0; background: #006c9a;}
.iistmenu_container ul{ width:100%; height:auto;}
.listmenu_container ul li{ margin:0 auto; width:80%; }
.listmenu_container ul li:first-child{ margin-top:3px;}
.listmenu_container ul li:last-child{ margin-bottom:3px;}
.listmenu_container a{width:90%; height:33px; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block;color:#262626; text-decoration:none; border:1px solid #00587d; line-height:33px; text-align:center; margin:3px 5% 0 5%;

 }
 
 
 
.brand_books{width:100%; height:170px; float:left;}
.wrapp_pad{ padding-bottom:100px;}

.mobile_project_details{ width:100%; height:auto; float:left; background:#FFFFFF; margin-top:60px;}
.mobile_project_details h2{ font-size:2em; display:block; width:94%; padding:0 3%;}
.mobile_project_details p{width:94%; height:auto; padding:0 3%; line-height:1.7em; text-align:justify;}
.mobile_project_container{ width:100%; height:auto; float:left;}
.mobile_project{width:100%; height:auto; float:left;}
.mobile_project img{ width:100%; height:auto; float:left;}



.bx-wrapper .testimonials-thumbnail{ margin: 0px 0px 15px; }
.bx-wrapper .testimonials-title{ text-align: center;  margin: 25px 15px 3px; font-size: 24px; line-height: 1; }
.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 35%; float: left; margin-right: 20px; }
.bx-wrapper .testimonials-carousel-thumbnail img{ display: block;   margin-right: 20px;width: 100px;}
.bx-wrapper .testimonials-carousel-context{ overflow: hidden; height:200px; display:table; }
.bx-wrapper .testimonials-carousel-context p{ font-size:3em;  text-align:center; font-weight:900; display:block; height:100%; display:table-cell; vertical-align:middle; }
.bx-wrapper .testimonials-name{ font-size: 18px; margin-bottom: 15px; color:#000000; font-weight:400;}
.bx-wrapper span{ font-size: 11px; margin-left:10px; color:#aaa;  font-style:italic; }
.bx-wrapper {position: relative;margin: 30px auto;padding: 0;width:90%;*zoom: 1;}
.bx-wrapper .slide {padding:0;margin:0;display: block;}
.bx-wrapper .bx-viewport {padding:10px;margin-left:0;z-index:1;width:100%;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(../images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-next {position: absolute;top: 0; right:-80px;cursor: pointer;/* background:#0F0;*/background:url(../images/caousel-next.png) no-repeat 0 0 ;
}
.bx-wrapper .capio-icon-right-open-big:before{ position:absolute; width:56px; height:99px; top:0; left:0; }

.bx-wrapper .bx-prev {position: absolute; top:0; left:-80px; width: 56px;height: 99px; cursor: pointer; /*background:#00FF00;*/ background:url(../images/caousel-prev.png) no-repeat 0 0 ;
}
.bx-wrapper .capio-icon-left-open-big:before{ position:absolute; width:56px; height:99px; top:0; left:0; color:#000;}

.bx-wrapper .bx-controls-direction a {position: absolute;top: 50px; margin-top:0; margin-right: 0px;outline: 0;width: 56px;height: 99px;text-indent: -9999px;z-index: 9999;}

/*.bx-wrapper .bx-controls-direction a:before{}*/


.brandbook_download{width:40px; height:40px; position:absolute; bottom:0; left:98px; }
.brandbook_download:before{ width:40px; height:40px; position:absolute; background:#0F0; left:0; height:0;}


.arrow-down{width:40px; height:40px; margin:0 auto; border:1px solid #FFF;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
}
.arrow-down a{width:40px; height:40px; display:block; float:left;}
.arrow-down a:before{ display:block; width:40px; height:40px; position:absolute;top:5px; left:5px; color:#fff;}

.arrow-down-container{width:100%; height:60px; float:left; position:absolute; bottom:0; left:0;}

html .delay5{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}

.dawn{opacity:0; animation: dawn .3s forwards; -webkit-animation: dawn .3s forwards; -moz-animation: dawn .3s forwards; }
@keyframes dawn { 0%{ opacity:0; transform:scale(1.05)} 100%{ opacity:1; transform:scale(1)}}
@-moz-keyframes dawn { 0%{ opacity:0; -moz-transform:scale(1.05)} 100%{  opacity:1; -moz-transform:scale(1)}}
@-webkit-keyframes dawn { 0%{ opacity:0; -webkit-transform:scale(1.05)} 100%{ opacity:1;-webkit-transform:scale(1) }}

.floating{animation: floating 1.5s infinite; -webkit-animation: floating 1.5s infinite; -moz-animation: floating 1.5s infinite}
@keyframes floating { 0% {opacity:1; transform: translateY(-100%);} 50% {opacity:1;transform: translateY(-140%);} 100% {opacity:1;transform: translateY(-100%);}}
@-webkit-keyframes floating { 0% {opacity:1;-webkit-transform: translateY(-100%);} 50% {opacity:1;-webkit-transform: translateY(-140%);}	100% {opacity:1;-webkit-transform: translateY(-100%);}}
@-moz-keyframes floating { 0% {opacity:1;-moz-transform: translateY(-100%);} 50% {opacity:1;-moz-transform: translateY(-140%);} 100% {opacity:1;-moz-transform: translateY(-100%);}}


.front_intro{ width:543px; height:361px; float:right; margin-top:200px; position:relative;}
.who_we_are{ width:100%; height:auto; float:left; background:#FFF; padding:100px 0;}
.who_we_are p{text-align:justify;}
.team_quote{ width:100%; height:auto; float:left; padding:150px 0; background:#262626}
.team_quote h2{ font-size:3.2em;color:#fff; text-align:center;}
#glance .container p{ padding:0 5%;border-top:1px solid #444; padding-top:5%; color:#ddd;}
#glance .container .last_p{  display:block; padding:4% 5% 0; border-top:1px solid #444; text-align:center; line-height:24px; color:#555/*color:#00A38E*/}
.yellow .wrapper{ padding-top:0;}
#testi .container h6{ margin-left:10%; line-height:50px; display:block; border-bottom:1px solid #666; width:400px; color:#000;}

#add_testimonial_container{ width:100%; height:auto; float:left; padding:0 30%;}
#add_testimonial{width:100%; height:auto; float:left; text-align:center;}
#add_testimonial a{display:block; width:260px; margin:0 auto; font-size:1.2em; color:#fff; padding:0 20px; line-height:40px; background:#333;
border:1px solid #222;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
cursor:pointer;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
}

#add_testimonial a:hover{
	background:#ffdd00;
	color:#000;
	border:1px solid #b9a000;
	}


.video_container{width:500px; height:auto; margin:0 auto; border-bottom:1px solid #4c4849; padding:50px 0;}
.video_container iframe{width:500px; height:281;}

.window-height{position: relative;}

.container .brief-img{ width:calc(100% - 550px);}


@media only screen and (min-width:1200px)
{
	/*.gray{ height:650px;}*/
	/*.yellow{ max-height:700px;}*/
	/*.web_color{ max-height:700px;}*/
	
	.wrapper:first-child{padding-top:0;}
	.wrapp_pad{ padding-top:0;}
	
	.brief-content{width:700px; padding-left:100px }
	.caseStudy-brief-content{width:700px; padding-left:10px }
	.caseStudy-brief-content-right{width:700px; padding-left:10px}
	.comm_ad_color .brief-content{width:700px;}
	
.brief-img{width:calc(100% - 740px);}
.wrapper {padding-top:100px;}
.vision_mission{ height:600px; display:table !important; padding:200px 0;}
.vision_mission_container{ display:table-cell !important; vertical-align:middle !important; }



.mainMenu a span:last-child {font-size: 0.6em;}

}
@media only screen and (max-width:1200px)
{
.front_intro{margin-top:100px !important;}

}

@media only screen and (max-width:1366px)
{
	
.ataglance{ padding-top:0;}
.mainMenu a span:last-child {font-size: 0.6em;}
.ca-menu li h4{ height:40px;}
}


@media only screen and (min-width:1360px) and (max-width:1600px) 
{
	.brief-content{width:700px; padding-left:200px }
	.caseStudy-brief-content{width:550px; padding-left:10px }
	.caseStudy-brief-content-right{width:550px; padding-right:10px }
.brief-img{width:calc(100% - 750px);}

#reakArtContainer .thinkText{ font-size:8em;}

}

@media only screen and (min-width:1025px) and (max-width:1366px) 
{

.container .brief-img{ width:calc(100% - 550px);}
/*iframe{width:100%; height:760px;}*/
.front_intro{ width:543px; height:361px; float:right; margin-top:150px; position:relative; left:-20px;}

.print_color .brief-content{ padding-top:0;}
.explanatory_color .brief-content{ padding-top:40px; padding-left:100px; width:500px;}
.web_color .brief-content{ padding-top:0; padding-left:0; width:500px;}
.print_color .brief-content{ padding-top:30px; padding-left:100px; width:500px;}
.branding_color .brief-img{ padding-top:0;}

.comm_ad_color .brief-right .brief-content	{ width:650px;}
.comm_ad_color .brief-img{width:calc(100% - 650px);}

.branding_color .brief-img{ padding-top:200px;}
.web_color .brief-img{ padding-top:0px;}
.comm_ad_color .brief-img{ padding-top:180px;}
.mob_app_color .brief-img{ padding-top:50px;}
.mob_app_color  .brief-content{ padding-left:0; width:550px;}

.bx-wrapper .bx-next { right:-70px;
}
.bx-wrapper .bx-prev { left:-70px;
}
	
.welcome_carector{left:15%; top:100px;}
.container .padding-top{ width:70%;}
	
.wrapper {padding-top:80px;}
	
.name-block h1{ font-size:3.5em;}
.caseStudy-name-block{width:100%;}
.caseStudy-name-block h1{ font-size:3.5em;}

.clientcontent_container{padding-top:50px;}
.gray{ padding-bottom:50px; height:700px;}

#reakArtContainer .thinkText{ font-size:6em;}
/*.bigText{font-size:22em; }*/
.shipText{ font-size:16.5em;}

.caseText{font-size:10em;}
.studyText{font-size:12em;}

.ca-menu li {width: 188px;}

.we_are h1{font-size:10em;}
.we_are{padding-top:100px;}

#thinkCanvasContainer{ margin-left:0 !important;}


.container{ width:960px;}	
.mainMenu a {
	font-size: 0.89em;
	/*padding: 18px 2px;*/

}

.mainMenu{margin: 0;float:left; width:820px; }	

h1{font-size: 5em;}

/* who we are page  */


.strongTitle{width:40%;}
.strongTitle h1{font-size: 6em;}
.name-block{ width:55%; height:auto;margin:0 2.5%;   }
.caseStudy-name-block{ width:100%; height:auto;margin:0 2.5%;   }
.name-block h4{ font-size:2em; line-height:12px;}

.brief-content{width:550px; padding-left:100px; }
.caseStudy-brief-content{width:500px; }
.caseStudy-brief-content-right{width:500px; }

.brief-content h5{ font-size:1.5em; padding-left:20px;}

.brief-img{width:calc(100% - 550px); /*padding-top:100px;*/}

.brief-right .brief-content{width:500px;}


.content_container{ width:960px; float:none; margin:0 auto;}
.inner_container{width:100%;}
.inner_container2{width:760px;}
	
}

@media only screen and (min-width:961px) and (max-width:1024px) 
{
	
.container .brief-img{ width:calc(100% - 550px);}
/*iframe{width:100%; height:575px;}*/

.branding_color .brief-img{ padding-top:180px;}
.web_color .brief-img{ padding-top:180px;}
.comm_ad_color .brief-img{ padding-top:180px;}
.mob_app_color .brief-img{ padding-top:180px;}

.bx-wrapper .bx-next { right:-70px;
}
.bx-wrapper .bx-prev { left:-70px;
}
	
.welcome_carector{left:10%;}
.container .padding-top{ width:70%;}
	
	
.name-block h1{ font-size:3.5em;}
.caseStudy-name-block{width:100%;}
.caseStudy-name-block h1{ font-size:3.5em;}

.clientcontent_container{padding-top:50px;}
.gray{ padding-bottom:50px; height:700px;}

#reakArtContainer .thinkText{ font-size:6em;}
/*.bigText{font-size:22em; }*/
.shipText{ font-size:16.5em;}

.caseText{font-size:10em;}
.studyText{font-size:12em;}

.ca-menu li {width: 188px;}

.we_are h1{font-size:10em;}
.we_are{padding-top:100px;}

#thinkCanvasContainer{ margin-left:0 !important;}


.container{ width:960px;}	
.mainMenu a {
	font-size: 0.89em;
	/*padding: 18px 2px;*/

}

.mainMenu{margin: 0;float:left; width:820px; }	

h1{font-size: 5em;}

/* who we are page  */


.strongTitle{width:40%;}
.strongTitle h1{font-size: 6em;}
.name-block{ width:55%; height:auto;margin:0 2.5%;   }
.caseStudy-name-block{ width:100%; height:auto;margin:0 2.5%;   }
.name-block h4{ font-size:2em; line-height:12px;}

.brief-content{width:500px; padding-left:0; }
.caseStudy-brief-content{width:600px; padding-left:10px }
.caseStudy-brief-content-right{width:600px; padding-left:10px }
.brief-content h5{ font-size:1.5em; padding-left:20px;}

.brief-img{width:calc(100% - 550px); /*padding-top:100px;*/}

.brief-right .brief-content{width:500px;}


.content_container{ width:960px; float:none; margin:0 auto;}
.inner_container{width:100%;}
.inner_container2{width:760px;}

/*.brief-right .brief-img{float:left;}
.brief-right .brief-content{float:right; padding:60px 60px 60px 0;}*/


/*who we are ends here */
	
/* Styles */
}

@media only screen and (min-width:720px) and (max-width:960px) 
{
	
#portfolio{top:100px;}
.container .brief-img{ width:calc(100% - 400px);}


/*iframe{width:100%; height:395px;}*/

#intro{ width:360px; height:239px}
.brief-content{}

.branding_color .brief-img{ padding-top:180px;}

.bx-wrapper .bx-next { right:-40px;
}
.bx-wrapper .bx-prev { left:-40px;
}

	
.welcome_carector{left:2%; top:150px;}
.container .padding-top{ width:70%;}
	
.bx-wrapper .testimonials-carousel-context p{ font-size:1.5em;}
.name-block h1{ font-size:2.5em;}
.caseStudy-name-block{width:100% !important;}
.caseStudy-name-block h1{ font-size:2.5em;}

.clientcontent_container{padding-top:50px;}
.gray{ padding-bottom:30px; height:600px;}

#thinkBigContainer{ width:400px; height:400px; padding-top:80px; padding-left:80px;}
.thinkText{ font-size:8em;}
.bigText{font-size:14.5em !important; }
.shipText{ font-size:11em;}


.caseText{font-size:5em;}
 .studyText{ font-size:8em;}
/*#thinkBigContainer{ width:210px; height:180px;margin:0 auto; float:none }
#thinkBigContainer .thinkText{ font-size:5.5em;}
#thinkBigContainer .bigText{font-size:9em; /*line-height:65px;}*/ 


.mainMenu{display:none;}

#reakArtContainer{padding:80px 0 0 10px;}
#reakArtContainer .thinkText{ font-size:4em;}

.content_container{ width:720px; float:none; margin:0 auto;}
.inner_container{width:100%;}
.inner_container2{width:570px;}

.we_are h1{font-size:10em;}
.we_are{padding-top:30px;}

.thinkCanvasContainer{ margin-left:0;}
	

.ca-menu li {width: 210px;}
#atglance1{width:630px; margin:0 auto; float:none;}
#atglance2{width:420px; margin:0 auto; float:none;}	
	
.ca-menu{padding: 0 ;
    margin: 20px auto;
    width: 700px;
}	
	
.container{  width:700px;}
.logoContainer{width:120px;}	

.mainMenu a {
	font-size: 0.89em; 
	margin:0 5px;
	padding: 18px 5px; text-align:center;

}
.mainMenu{margin:10px 0;float:left; width:100%; text-align:center; }	



#slider, #slider li {
	width:700px;font-size:1.6em;
}


@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-700px; opacity:1;}
45% {left:-700px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-1400px; opacity:1;}
70% {left:-1400px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-2100px; opacity:1;}
95% {opacity:1;}
98% {left:-2100px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-700px; opacity:1;}
45% {left:-700px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-1400px; opacity:1;}
70% {left:-1400px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-2100px; opacity:1;}
95% {opacity:1;}
98% {left:-2100px; opacity:0;}
100% {left:0px; opacity:0;}
}

h1{font-size: 3.5em;}	
/* Styles */


/* Who we are page */


#thinkCanvasContainer{width:300px; height:362px; float:left; margin-left:0; padding-top:100px !important; }




/* who we are page  */


.strongTitle{width:40%; }
.strongTitle h1{font-size: 5em;}
.name-block{ width:55%; margin:0 2.5%;  }
.caseStudy-name-block{width:95% !important; margin:0 2.5%;  }
.name-block h4{ font-size:1.3em; line-height:2px;}
.title-block{width:100%; height:120px; }
/*.brief-content{width:50%; padding:40px 0 40px 20px;}*/
.brief-content p{ width:auto; margin:10px auto;}
.caseStudy-brief-content p{ width:auto; margin:10px auto;}
.caseStudy-brief-content-right p{ width:auto; margin:10px auto;}
.brief-content h5{ font-size:1.5em; padding-left:20px;}

.brief-content{width:400px; padding-left:50px }
.caseStudy-brief-content{width:400px; padding-left:10px }
.caseStudy-brief-content-right{width:400px; padding-left:10px }

.brief-img{width:calc(100% - 450px); padding-top:100px;}


.brief-right .brief-content{width:400px;}

.brief-right .brief-content{float:right; padding:40px 40px 40px 0;}
/*.brief-right .brief-img{float:left;}
.brief-right .brief-content{float:right; padding:60px 60px 60px 0;}*/


/*who we are ends here */
/* Who we are ends here */


}






@media only screen and (min-width:480px) and (max-width:719px) 
{

#portfolio{top:100px;}
.arrow-down-container{display:none;}
.container .brief-img{ width:calc(100% - 330px);}

.video_container{width:100%; height:auto; margin:0 auto; text-align:center;}
.video_container iframe{width:100%; height:281px;}

.bx-wrapper .bx-next { right:-30px;
}
.bx-wrapper .bx-prev { left:-30px;
}
	
.bx-wrapper .testimonials-carousel-context p{ font-size:1.3em;}
.padding-top{ padding-top:100px;}
	
.name-block h1{ font-size:2em;}
.caseStudy-name-block h1{ font-size:2em;}

.logoContainer{ width:120px; height:60px;}
.clientcontent_container{padding-top:40px;}
.clientcontent_container h1{ font-size:5em;}
.gray{ padding-bottom:30px; padding-top:50px; height:700px;}
#case_studyContainer{width:100%;}
.chillingCarector_container{ width:80%; float:none; margin:0 auto;}
	
#thinkBigContainer{ width:400px; height:400px; padding-top:80px; padding-left:80px;}
.thinkText{ font-size:5.5em;}
.bigText{font-size:10em !important; }
	
	
/*.caseText{font-size:18em;}
 .studyText{font-size:22em;}*/
 

#shipCanvasContainer{width:251px; position:relative; height:300px; float:none; margin:0 auto; padding-top:50px;}

#reakArtContainer{width:100%; padding:0 !important; margin-top:100px;}
.mainMenu{display:none;}

.ca-menu li {width: 153px;}
.glanceContainer{width:100%;}	

#atglance1 {width:460px; margin:0 auto; float:none;}
#atglance2{width:306px; margin:0 auto; float:none;}	
	

.container{width:100%;}	
.mainHeader {display:none}

.logoContainer{margin:2px auto 0 auto; float: right;}	
#intro{ width:360px; height:239px}

.we_are h1{font-size:10em;}
.we_are{padding-top:10px;}


.content_container{ width:480px; float:none; margin:0 auto;}
.inner_container{width:100%; }
.inner_container2{width:380px;}




#reakArtContainer .thinkText{ font-size:4em;}
#reakArtContainer .bigText{font-size:5em; }

/* Styles */


#pause {
	width:100%;
	height:150px;
}
#slider-shadow {
	width:100%;
	height:150px;
}

#slider, #slider li {
	width:460px;font-size:1.2em; height:150px; padding:0px 0 0 0;
}


@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-460px; opacity:1;}
45% {left:-460px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-920px; opacity:1;}
70% {left:-920px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1380px; opacity:1;}
95% {opacity:1;}
98% {left:-1380px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-460px; opacity:1;}
45% {left:-460px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-920px; opacity:1;}
70% {left:-920px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1380px; opacity:1;}
95% {opacity:1;}
98% {left:-1380px; opacity:0;}
100% {left:0px; opacity:0;}
}



/*.footerLeft{ width:200px; padding-left:5px}
.capioFont{font-size: 12em; vertical-align:middle; margin-bottom:-20px; width:200px; height:100px;  text-align:center;}
.footerAddress{ width:200px; font-size:.9em }

.footerRight{  width:260px; padding-right:5px; height:200px; font-size:.9em }

.socialIcons li { float:left; margin:1px;}

.socialIcons li .circle{
    width: 48px;
    height: 48px;
}*/

h1{font-size: 3em;}
p{ font-size:1em;}
/* Who we are page */

#thinkBigContainer{ width:251px; height:324px;margin:0 auto; float:none; padding:0; padding-top:100px; }
.thinkText{ font-size:5.5em !important; text-align:center; width:100% !important; display:block;}
.bigText{font-size:7em; text-align:center; width:100% !important; display:block;}

.caseText{ font-size:4.5em !important; text-align:center; width:100% !important; display:block;}
.studyText{font-size:5.5em; text-align:center; width:100% !important; display:block;}

.shipText{ font-size:10em; text-align:center;}

#thinkCanvasContainer{width:300px; height:362px; float:none; margin:0 auto; position:relative; padding-top:100px }
#thinkCanvas{ position:absolute; left:0; width:251px; height:324px; margin:0 auto;}


.strongTitle{width:40%; }
.strongTitle h1{font-size: 4em;}
.name-block h4{ font-size:1em; line-height:0;}
.title-block{width:100%; height:100px; }
/*.brief-content{width:50%; padding:20px 0 20px 20px;}*/
.brief-content p{ width:auto; margin:5px auto;}
.caseStudy-brief-content p{ width:auto; margin:5px auto;}
.caseStudy-brief-content-right p{ width:auto; margin:5px auto;}
.brief-content h5{ font-size:1.3em; padding:0; }

.brief-content{width:300px; padding-left:30px }
.caseStudy-brief-content{width:300px; padding-left:10px }
.caseStudy-brief-content-right{width:300px; padding-left:10px }
.brief-img{width:calc(100% - 330px); padding-top:100px;}

.brief-right .brief-content{width:300px;}
.brief-right .brief-content{float:right; padding:40px 40px 40px 0;}

/* Who we are ends here */
}

@media only screen and (min-width:480px) and (max-width:640px) 
{
	
##header-st ul{ display:none;}
	
#portfolio{top:100px;}

#intro{ opacity:0;}
.home_bg{ background:url(../images/home-page_bg2.png) no-repeat; background-size:contain; }

#smartdemo3{ display:none;}
	.client_bg{ background:
	url(../images/clients-background.jpg);}
	.client_bg .inner_container{background:rgba(0, 0, 0, 0.6);	}
	
	.contact_bg{ 

 background:
	url(../images/contact-background.jpg);


}
.intro{ padding-bottom:0;}


.strategy_text{ width:100%; min-height:200px !important; padding:20px 0;}
.important_text{ width:100%; min-height:150px; padding-bottom:40px}

}
	
@media only screen and (max-width:480px) 
{
#portfolio{top:100px;}
#add_testimonial_container{ padding:0 5%;}
	
.branding_color .brief-img{ padding-top:0;}

.video_container{width:100% ; height:auto; margin:0 auto;}
.video_container iframe{width:100% !important; height:200px !important;}
	
.container .brief-img{ width:100%;}

.main-wrapper{ padding-top:1px;}
#testi .container h6{ width:260px;}
	
.arrow-down-container{display:none;}
#ship .arrow-down-container{ display:none;}
.who_we_are{ padding:0;}
.team_quote{ padding:30px 0;}
.team_quote h2{ font-size:1.5em;}
.office{ height:1200px;}
.office:after{ height:1200px;}
.vision_container{ width:100%;}
.mission_container{ width:100%; padding-left:10%;}
#intro{ opacity:0;}
.home_bg{ background:url(../images/home-page_bg3.png) no-repeat; background-size:contain; }
h2{ font-size:2.5em; padding-left:5%;}
h6{ font-size:1.5em;}
.important_txt p{ font-size:1.5em;}
.strategy_text{ width:100%; min-height:200px !important; padding:20px 0;}
.important_text{ width:100%; height:260px; padding-bottom:40px;}
	
	
#smartdemo3{ display:none;}
.chillingCarector_container{ width:100%;}
#case_studyContainer{ width:100%; padding-left:0;}

.gray{ height:auto; padding-bottom:50px; padding-top:50px; height:600px;}
#ship.gray{ height:740px !important;}
#think.gray{ height:400px !important;}

#thinkCanvasContainer{ display:none;}
.clientcontent_container h1{ margin-top:100px; font-size:4em;}
	
.bx-wrapper .bx-next { right:-35px;
}
.bx-wrapper .bx-prev { left:-35px;
}

.bx-wrapper {width:70%;}
.bx-wrapper .testimonials-carousel-context p{ font-size:1.1em;}
.shipText{ font-size:10em; text-align:center;}

.padding-top{ padding-top:100px;}
#shipCanvasContainer{ margin-top:50px !important;}
/*.clientlogo_container ul{width:auto; float:none !important; margin:0 auto !important;}
.clientlogo_container ul li{}*/
.client_bg{ background:
	url(../images/clients-background.jpg);}

.client_bg .inner_container{background:rgba(0, 0, 0, 0.6);	}
.contact_bg{ 

 background:
	url(../images/contact-background.jpg);
}

.intro{ padding-bottom:0 !important;}

.listmenu_btn{ left:30%;}
#content { top:60px;}

.clientcontent_container{padding-top:40px;}

.caseStudy-name-block h1{ font-size:2.5em; }
.name-block h1{ font-size:2.5em; }
.caseStudy-name-block h1{ font-size:2.5em; }
.name-block h4{ font-size:1em; line-height:0;}
.name-block{ width:100%; margin:0 auto; text-align:center !important;}
.caseStudy-name-block{ width:100%; margin:0 auto; text-align:center !important;}
.strongTitle{ width:100% !important;}

#shipCanvasContainer{width:251px; height:354px; float:none; margin:0 auto; right:0;}
#reakArtContainer{width:100%; height:auto; padding:10px 0 0 30px; margin-top:0;}



.mainMenu{display:none;}

.content_container{ width:300px; float:none; margin:0 auto;}
.inner_container{width:100%; }
.inner_container2{width:190px;}

	
.form_container{width:100%;}
.address_container{width:100%;}

	
.ca-menu li {width: 300px; height:350px; margin:0 auto; float:none;}
.glanceContainer{width:100%;}	

#atglance1 {margin:0 auto; }
#atglance2{margin:0 auto; float:none; }		
	

.container{ width:100%;}	
.intro{padding:0 0 20px 0;}
.mainHeader {display:none}
.logoContainer{margin:2px auto 0 auto; float: right; width:120px !important;}
#intro{ width:320px; height:213px}

.we_are h1{font-size:5em;}
.we_are{padding-top:7px;}



#pause {
	width:100%;
	height:150px;
}
#slider-shadow {
	width:100%;
	height:150px;
}

#slider, #slider li {
	width:320px;font-size:1.2em; height:150px; padding:0px 0 0 0;
}


@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-320px; opacity:1;}
45% {left:-320px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-640px; opacity:1;}
70% {left:-640px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-960px; opacity:1;}
95% {opacity:1;}
98% {left:-960px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-320px; opacity:1;}
45% {left:-320px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-640px; opacity:1;}
70% {left:-640px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-960px; opacity:1;}
95% {opacity:1;}
98% {left:-960px; opacity:0;}
100% {left:0px; opacity:0;}
}

/*.socialIcons{

 margin-top:5px;
}
.copyright{  padding:5px 0 0 0;}

.footerMiddle{display:none;}
.footerRight,.footerLeft{ float:none; margin:0 auto; padding:0; width:300px;height:120px;}*/
.capioFont{font-size: 12em; height:100px;}

/* Who we are page */

#thinkBigContainer{ width:251px; height:324px;margin:0 auto; float:none; padding:0; padding-top:100px; }
.thinkText{ font-size:5.5em; text-align:center; width:100% !important; display:block;}
.bigText{font-size:10em; text-align:center; width:100% !important; display:block;}

.caseText{ font-size:4.5em; text-align:center; width:100% !important; display:block;}
.studyText{font-size:7em; text-align:center; width:100% !important; display:block;}
/*#thinkCanvasContainer{width:300px; height:362px; float:none; margin:0 auto; position:relative; padding-top:100px }*/
#thinkCanvas{ position:absolute; left:0; width:251px; height:324px; margin:0 auto;}

#reakArtContainer{ padding-left:0 !important;}

h1{font-size: 4em;}
p{ font-size:1em;}

.strongTitle h1{font-size: 5em;}


.title-block{width:100%; height:100px;}
.brief-content{width:95%; padding:20px; margin:0 auto; float:none;}
.brief-content p{ width:auto; margin:10px auto;}
.caseStudy-brief-content{width:95%; padding:20px; margin:0 auto; float:none;}
.caseStudy-brief-content-right{width:95%; padding:20px; margin:0 auto; float:none;}

.brief-content h5{ font-size:1.3em; padding:0 }
.caseStudy-brief-content p{ width:auto; margin:10px auto;}
.caseStudy-brief-content-right p{ width:auto; margin:10px auto;}

.brief-img{width:100%;padding:5px 0; margin:0 auto; float:none; vertical-align:middle; }

.brief-right .brief-img{float:none;}
.brief-right .brief-content{float:none; margin:0 auto; padding:20px; }
.brief-right .brief-content{width:100%;}

.footerMiddle{ font-size:14px;}
/* Who we are ends here */

}


@media only screen and (max-width:320px)
{
 .home_bg{ height:320px;}
 .wrapp_pad{ padding-bottom:0;}
}

}