*{margin:0; padding:0; outline:none;}
body{font:12px Tahoma,Helvetica, sans-serif;}
ul{list-style:none;}
a{text-decoration:none;}
html, img{border:none; width:100%;}

/* 320*480, 480*720, 768*1024, 1024*768 */

h1{font-family: Boton; font-size:55px; text-align:center; font-weight:normal; text-shadow:0px 1px #FFF; margin:0 0 6px 0}
header{position:fixed; top:0; left:0; width:100%; z-index:9999}
.wrapper-main{width:100%;}
.header{width:990px; margin:0px auto; height:105px;}
.headerbg{background:url("img/header_bg.png") repeat-x;}
.header_lft{float:left; width:300px;}
.header_rgt{float:right; width:690px;}
.logo{float:left; padding:0 0 0 10px; background:#282727; margin:25px 0 0 0}
.top_menu{float:right;}
.top_menu ul{list-style-type:none; margin:16px 0px 0 0; float:left}
.top_menu ul li{float:left; margin:0 12px 0 0; }
.top_menu ul li.last{margin-right:0}
.top_menu ul li a.fb_icon, .top_menu ul li a.twitter_icon, .top_menu ul li a.dribble_icon, .top_menu ul li a.vimeo_icon, .top_menu ul li a.forrst_icon, .top_menu ul li a.skype_icon{width:30px; height:30px; border-radius:30px; display:block; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.top_menu ul li a.fb_icon img{height:13px; width:6px; margin:8px 0 0 12px; }
.top_menu ul li a:hover.fb_icon{ background:#46599b;}
.top_menu ul li a.twitter_icon img{height:13px; width:16px; margin:9px 0 0 7px;}
.top_menu ul li a:hover.twitter_icon{ background:#71aee0;}
.top_menu ul li a.dribble_icon img{height:13px; width:13px; margin:9px 0 0 8px;}
.top_menu ul li a:hover.dribble_icon{ background:#c781a7;}
.top_menu ul li a.vimeo_icon img{height:13px; width:12px; margin:9px 0 0 9px;}
.top_menu ul li a:hover.vimeo_icon{ background:#9fdce7;}
.top_menu ul li a.forrst_icon img{height:14px; width:11px; margin:8px 0 0 10px;}
.top_menu ul li a:hover.forrst_icon{ background:#4e8234;}
.top_menu ul li a.skype_icon img{height:14px; width:13px; margin:8px 0 0 8px;}
.top_menu ul li a:hover.skype_icon{ background:#6fc5fd;}
.top_menu ul li.nextpage{position:relative; padding:0; top:-11px; left:18px;}

/*** Work ***/
#work_bg{background:url("../img/portfolio_pattern_v1.png") repeat repeat; width:100%;}
#work{width:990px; margin:0px auto; padding:20px 0 0 0}
#work h1{font-family: Boton; font-size:50px; text-align:center; font-weight:normal; text-transform:uppercase; text-shadow:0px 1px #FFF;}
#work h2{font-family: Boton; font-size:30px; text-align:center; font-weight:normal; padding:0 0 10px 0; text-shadow:0px 1px #FFF; background:none}
.tn-grid-container{width:990px; margin:0px auto; background:url("img/topline.png") repeat-x; padding:20px 0 30px 0}
/**** Isotope Filtering ****/
.isotope-item { z-index: 2;}
.isotope-hidden.isotope-item {z-index: 1;}
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity;  transition-property:         transform, opacity;}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
#options ul{list-style: none outside none; margin: 0;}
#options ul ul{margin-left: 1.5em;}
#options li{float: left; margin-bottom: 20px; margin-right:12px; padding-left:12px; background:url("images/stripe_icon.png") no-repeat 0 6px;}
#options li.first{background:none}
.clearfix:before, .clearfix:after{content: ""; display: table;}
.clearfix:after{clear: both;}
ul#etc{float:right}
ul#etc li{margin-right:0}
#filters{float: left;}
#options li a{color: #202020; display: block; font-family: Tahoma,Arial,sans-serif; font-size: 15px; font-weight: normal; padding:3px 7px; text-shadow:0px 1px #FFF;}
#options li a:hover{background:url("images/toggle_selected.png") repeat-x; color: #000;  text-decoration: none;}
#options li a.selected{ background:url("images/toggle_selected.png") repeat-x; color: #000; padding:3px 7px;}
#options #toggle-sizes a{background:#DDD; float: left; height: 23px; margin-right: 20px; margin-top: 3px; padding: 0 !important; text-indent: -9999px; width: 35px;}
#options #toggle-sizes a.last{margin-right:0}
#options #toggle-sizes a:hover{background: #CCC; border-radius:0 0 0 0}
#options #toggle-sizes a.toggle-selected{background:#000;}
#options #toggle-sizes a.toogle_icon{background:url("images/toggle_icon1.png") no-repeat;}
#options #toggle-sizes a.toogle_icon1{background:url("images/toggle_icon2.png") no-repeat;}
.element{height: 185px; margin-right:5px; margin-bottom:5px; width: 235px;}
.variable-sizes .element.width1{width:500px;}
.variable-sizes .element.width2{width:335px;}
.variable-sizes .element.width3{width:400px;}
.variable-sizes .element.height1{height:375px;}
.variable-sizes .element.height2{height:190px;}
.variable-sizes .element.height3{height:380px;}
.element div.gallery_cont1, .element div.gallery_cont2, .element div.gallery_cont3, .element div.gallery_cont4, .element div.gallery_cont5, .element div.gallery_cont6, .element div.gallery_cont7, .element div.gallery_cont8, .element div.gallery_cont9, .element div.gallery_cont10{height: 100%; position: absolute; top: 0;  width: 100%; display:block; transition: background .30s ease-in-out; -moz-transition: background .30s ease-in-out; -webkit-transition: background .30s ease-in-out; }
.element div.gallery_cont1 > div.gallery_text_cont1, .element div.gallery_cont2 > div.gallery_text_cont2, .element div.gallery_cont3 > div.gallery_text_cont3, .element div.gallery_cont4 > div.gallery_text_cont4, .element div.gallery_cont5 > div.gallery_text_cont5, .element div.gallery_cont6 > div.gallery_text_cont6, .element div.gallery_cont7 > div.gallery_text_cont7, .element div.gallery_cont8 > div.gallery_text_cont8, .element div.gallery_cont9 > div.gallery_text_cont9, .element div.gallery_cont10 > div.gallery_text_cont10{display:none;}
.element div.gallery_cont1 > div.gallery_img_cont1, .element div.gallery_cont2 > div.gallery_img_cont2, .element div.gallery_cont3 > div.gallery_img_cont3, .element div.gallery_cont4 > div.gallery_img_cont4, .element div.gallery_cont5 > div.gallery_img_cont5, .element div.gallery_cont6 > div.gallery_img_cont6, .element div.gallery_cont7 > div.gallery_img_cont7, .element div.gallery_cont8 > div.gallery_img_cont8, .element div.gallery_cont9 > div.gallery_img_cont9, .element div.gallery_cont10 > div.gallery_img_cont10{display:none;}
.element div.gallery_cont1:hover > div.gallery_text_cont1, .element div.gallery_cont2:hover > div.gallery_text_cont2, .element div.gallery_cont3:hover > div.gallery_text_cont3, .element div.gallery_cont4:hover > div.gallery_text_cont4, .element div.gallery_cont5:hover > div.gallery_text_cont5, .element div.gallery_cont6:hover > div.gallery_text_cont6, .element div.gallery_cont7:hover > div.gallery_text_cont7, .element div.gallery_cont8:hover > div.gallery_text_cont8, .element div.gallery_cont9:hover > div.gallery_text_cont9, .element div.gallery_cont10:hover > div.gallery_text_cont10{display:block; position:absolute; bottom:10px}
.element div.gallery_cont1:hover > div.gallery_img_cont1, .element div.gallery_cont2:hover > div.gallery_img_cont2, .element div.gallery_cont3:hover > div.gallery_img_cont3, .element div.gallery_cont4:hover > div.gallery_img_cont4, .element div.gallery_cont5:hover > div.gallery_img_cont5, .element div.gallery_cont6:hover > div.gallery_img_cont6, .element div.gallery_cont7:hover > div.gallery_img_cont7, .element div.gallery_cont8:hover > div.gallery_img_cont8, .element div.gallery_cont9:hover > div.gallery_img_cont9, .element div.gallery_cont10:hover > div.gallery_img_cont10{display:block; position:absolute; top:5px; right:5px;}
.gallery_text_cont1 h2, .gallery_text_cont2 h2, .gallery_text_cont3 h2, .gallery_text_cont4 h2, .gallery_text_cont5 h2, .gallery_text_cont6 h2, .gallery_text_cont7 h2, .gallery_text_cont8 h2, .gallery_text_cont9 h2, .gallery_text_cont10 h2{font-family:Helvetica; font-size:16px; color:#FFF; font-weight:normal; text-transform:uppercase}
.gallery_text_cont1, .gallery_text_cont2, .gallery_text_cont3, .gallery_text_cont4, .gallery_text_cont5, .gallery_text_cont6, .gallery_text_cont7, .gallery_text_cont8, .gallery_text_cont9, .gallery_text_cont10{padding:5px 0 0 5px; color:#ffffff; font-size:14px; font-weight:normal}
.gallery_img_cont1, .gallery_img_cont2, .gallery_img_cont3, .gallery_img_cont4, .gallery_img_cont5, .gallery_img_cont6, .gallery_img_cont7, .gallery_img_cont8, .gallery_img_cont9, .gallery_img_cont10{width:46px; height:46px; float:left;}
.gallery_img_cont1 ul, .gallery_img_cont2 ul, .gallery_img_cont3 ul, .gallery_img_cont4 ul, .gallery_img_cont5 ul, .gallery_img_cont6 ul, .gallery_img_cont7 ul, .gallery_img_cont8 ul, .gallery_img_cont9 ul, .gallery_img_cont10 ul{width:300px; position:relative; right:60px;}
.gallery_img_cont1 a, .gallery_img_cont2 a, .gallery_img_cont3 a, .gallery_img_cont4 a, .gallery_img_cont5 a, .gallery_img_cont6 a, .gallery_img_cont7 a, .gallery_img_cont8 a, .gallery_img_cont9 a, .gallery_img_cont10 a{float:left; background:#000; border-radius:60px; margin:0 8px 0 0; padding:0 1px; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.gallery_img_cont1 a:hover.link-icon, .gallery_img_cont2 a:hover.link-icon, .gallery_img_cont3 a:hover.link-icon, .gallery_img_cont4 a:hover.link-icon, .gallery_img_cont5 a:hover.link-icon, .gallery_img_cont6 a:hover.link-icon, .gallery_img_cont7 a:hover.link-icon, .gallery_img_cont8 a:hover.link-icon, .gallery_img_cont9 a:hover.link-icon, .gallery_img_cont10 a:hover.link-icon{background:#3d8200; border-radius:60px;}
.gallery_img_cont1 a:hover.dribble-icon, .gallery_img_cont2 a:hover.dribble-icon, .gallery_img_cont3 a:hover.dribble-icon, .gallery_img_cont4 a:hover.dribble-icon, .gallery_img_cont5 a:hover.dribble-icon, .gallery_img_cont6 a:hover.dribble-icon, .gallery_img_cont7 a:hover.dribble-icon, .gallery_img_cont8 a:hover.dribble-icon, .gallery_img_cont9 a:hover.dribble-icon, .gallery_img_cont10 a:hover.dribble-icon{background:#c379a2; border-radius:60px;}
.element div.gallery_cont1:hover{background:#d95759}
.element div.gallery_cont2:hover{background:#aec39a}
.element div.gallery_cont3:hover{background:#d13f42}
.element div.gallery_cont4:hover{background:#f15046}
.element div.gallery_cont5:hover{background:#595959}
.element div.gallery_cont6:hover{background:#473e41}
.element div.gallery_cont7:hover{background:#4f6378}
.element div.gallery_cont8:hover{background:#9c5e61}
.element div.gallery_cont9:hover{background:#e88948}
.element div.gallery_cont10:hover{background:#3c3c3c}
.feature_patter{background:url("../img/featured_pattern_v1.png") repeat repeat; width:100%;}
.feature_clients{width:990px; margin:0px auto; background:url("../img/featured_line.png") repeat-x 0 18px; padding:18px 0 12px 0}
.feature_clients span{background:url("../img/featuredclient_pattern.png") repeat repeat;  text-transform:uppercase; font-size:15px; color:#FFF; position:relative; left:38%; top:-8px}
.feature_clients span img{width:auto; padding:0 10px;}
.feature_clients ul li{list-style-type:none; float:left; padding:0 70px 0 0}
.feature_clients ul li.margtop{margin:30px 0 0 0}
.feature_clients ul li.last{padding:0}
.feature_clients ul li img{width:auto}

/*** Services ***/
.header_sm{width:990px; margin:0px auto; height:60px;}
.headerbg_sm{background:url("images/header_bg1.png") repeat-x; position:fixed; top:0; z-index:99;}
.logo_sm{float:left; padding:0 10px; background:#282727; margin:15px 0 0 0}
.services_bg{background:url("images/services_pattern_v1.png") repeat repeat; border-top:1px solid #FFF;}
.service_cont{width:990px; margin:0px auto; padding:20px 0}
.service_cont_hd{margin:0px auto; text-align:center}
.service_cont_bg{font-family: Boton; font-size:30px; text-align:center; font-weight:normal; text-shadow:1px 1px #FFF; background:#f9d959; padding:3px 9px;}
.our_service{background:url("images/topline.png") repeat-x; margin:20px 0 0 0; padding:20px 0 0 0}
.service_box{width:300px; margin:0 45px 0 0; float:left}
.service_box_last{width:300px; float:left}
.box1{background:#c8c8c8; width:300px; height:300px; border-radius:300px;}
.box2{background:#3e3e3e; width:280px; height:280px; border-radius:280px; position:relative; top:10px; left:10px;}
.creative_lab{background:url("images/test_tube.png") no-repeat 30px 70px; width:100%; height:100%;}
.creative_lab span{color: #FFD21E; float: right; font-family: Boton; font-size: 20px; margin: 135px 8px 0; text-transform: uppercase; width: 140px;}
.web_development{background:url("images/web_development.png") no-repeat 40px 70px; width:100%; height:100%;}
.web_development span, .online span{color: #FFD21E; float: right; font-family: Boton; font-size: 20px; margin: 125px 15px 0; text-transform: uppercase; width: 140px; text-align:center}
.online{background:url("images/online_marketing.png") no-repeat 30px 102px; width:100%; height:100%;}
.stripe_line{background: url("images/stripe_line.png") no-repeat 40px 14px; height: 100%; position: absolute; width: 100%;}
.service_txt{background:url("images/topline.png") repeat-x bottom left; padding:18px 0; text-align:center; float:left; font-size:14px; text-shadow:0px 1px #FFF; line-height:20px;}
.service_list{background:url("images/topline.png") repeat-x bottom left; padding:20px 0 10px 0; float:left; width:100%;}
.service_list ul li{background:url("images/arrow.png") no-repeat left center; padding:0 0 0 10px; margin:0 0 10px 0; font-size:15px; float:left}
.service_list ul li.big{width:165px; float:left}
.txt1{font-family: Boton; font-size: 40px; text-align:center; padding:34px 0 0 0; text-shadow:1px 1px #FFF;}
.txt2{font-family: Boton; font-size: 30px; text-align:center; text-shadow:1px 1px #FFF; margin:6px 0 0 0}
.txtbg1{background:url("images/txtbg1.png") repeat-x; padding:0 6px;}
.txtbg2{background:#d1d1d1; padding:0 6px;}