/*
Theme Name: mojo
Theme URI: http://wordpress.org/
Description: The 2010 default theme for WordPress.
Author: wordpressdotorg
Author URI: http://wordpress.org/
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)
Template: responsive

License:
License URI:

General comments (optional).
*/

@import url("../responsive/style.css");



@font-face {
    font-family: 'roboticaregular';
    src: url('robotica-webfont.eot');
    src: url('robotica-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotica-webfont.woff') format('woff'),
         url('robotica-webfont.ttf') format('truetype'),
         url('robotica-webfont.svg#roboticaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'cleanvertisingblack';
    src: url('fonts/cleanveb-webfont.eot');
    src: url('fonts/cleanveb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cleanveb-webfont.woff') format('woff'),
         url('fonts/cleanveb-webfont.ttf') format('truetype'),
         url('fonts/cleanveb-webfont.svg#cleanvertisingblack') format('svg');
    font-weight: normal;
    font-style: normal;
}


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

}




/* =Globals
-------------------------------------------------------------- */

body{ font-size:100%; font-family: cleanvertising_light; }
#container {
	margin: 0 auto;
	max-width: none;
	padding: 0px 0px;
	text-align:center;
}

#wrapper {
	margin: 0 auto;
	padding:0;
    background-color: transparent;
    border: medium none;
    clear: both;
    position: relative;
}


#header {max-width: 960px;margin: 0 auto;}
#header-bg{height:90px;width:100%;background-color: #f58;position:absolute;z-index:-12;background: url("images/header_bg.png") ;}
.max-960{max-width: 960px;margin: 0 auto;}
.clear-both{clear:both;}
#logo {float: left;margin: 0;display:inline;margin-top:20px;position:relative;}
#logo p{position: absolute;right:4.8em;top: 2.8em;	}
#logo p span{color:#0a0a0a;}


/* =Menu
-------------------------------------------------------------- */

.sb-holder{z-index: 123;}

.menu {
  /*  background-color: #585858;*/
   /* background-image: -moz-linear-gradient(center top , #585858, #3D3D3D);*/
    clear: none;
    margin: 0 auto;
	
}

.menu li {border: 0;display:inline;float:right;margin: 0;padding: 0;position: relative;z-index: 5;margin-top:20px;height: 85px; }

 li.current_page_item {
	background: url("images/menu-selected.png") no-repeat bottom ;
	color: #a183f3;
	
	}
	
.menu, 
.menu ul {
	display:inline;
	list-style: none;
	list-style-image:none;
	list-style-position:none;
	list-style-type:none;
	background: transparent;
	
	border: none;
	
	margin: 0;
	padding: 0;

}

.menu a {
    border-left: none;
	/*color: #red;*/
    cursor: pointer;
	display: block;
	font-size: 26px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	margin: 0 0.5em;
	padding: 0 0 0 0.2em;
	position: relative;
	text-decoration: none;
	text-shadow: 0 3px 0 #000;
	font-family: 'roboticaregular';
	letter-spacing:1px;
	text-align:center;
	
}

.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: transparent;
	color: #a183f3;
	border-bottom: dotted 5px; 
	
}

.menu li li a:hover {
	background: #f5f5f5 !important;
	background-image: none;
	border: none;
	color: #444;
	filter: none;
}
.menu a:hover {
background: none   ;
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#363636);
}

#header ul.menu li:first-child {display:none;}
/* =Featured Content
-------------------------------------------------------------- */
#featured {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: transparent;
	border: none;
	border-radius: 4px;
	padding-bottom: 40px;
	width: 99.893617021277%;

}


/* 
home image slider
*/
h1{			color: #725EAA;font-family: 'roboticaregular';
    			font-size: 3em; margin: 0; padding: 30px 0 0 35px; text-align: left;font-size:2em;}

#home-text{font-size: 22px;line-height: 30px;margin: 0 auto;padding-bottom: 2em;width: 960px; padding-top: 1em;}
#home-text p{margin:0 0 1em 0; }
div.col-460 img.app-store-icon{ padding: 0px 0 0 20px;float:left; }

#featured p {font-size: 18px;font-weight: 200;
    line-height: 27px; margin: 0.5em 0;padding: 0 20px;text-align: left;   }

/*
  looper
  		*/
.portfolio-item {padding-bottom: 1em;}
div.portfolio-item div.plus-minus {width: 18px; height: 18px; display: block; border: 2px solid #D0C6EA;
background:  #AB90F6; 
-webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: 0 2px 3px #574095;
position:absolute; right:0; left:0; top: -12px; position: absolute; margin: 0 auto; right: 0; left: 0; line-height: 12px; font-size: 19px;
}

.other-bg div.plus-minus { border: 2px solid #fff !important; background:  #d0c6ea !important; box-shadow: 0 2px 3px #574095; }
	
.lopper-center p{font-size: 18px;
    line-height: 20px;margin-left: 2em;margin-top: 1em; text-align: left;word-wrap: break-word;	}
.lopper-center{width:960px;margin:0 auto;}
.looper-text{width:420px;float:right; padding: 1em 2em 1em 0;}
.looper-text p {color:#222; padding-left: 35px; text-align: left;}
.looper-image{width:460px;float:left;padding: 0;} /*padding: 1em 0em 1em 3em;*/
.flex-viewport {padding: 0;}
div.looper-home div.looper-text p{width:420px; text-shadow:none; color:black;}

.thumb-plus{ position:absolute; right: 6px; font-family: 'roboticaregular'; top: -30px;font-size:24px;}
.download-icon{ margin: 0 auto; text-align:center; padding-top:0.6em; position: absolute;  margin: 0 auto; right: 0; left: 0; z-index: 9;}
.download-icon img {height: 2.1875em; position: relative;  margin: 0 auto; right: 0; left: 0;}
.top-open-state {width:960px; margin: 0 auto; padding-top: 20px; position: relative; background: url("images/open-state-shadow.png") center bottom no-repeat; padding-bottom: 1em;}
.top-open-state p {width:500px; margin: 0  auto; text-align: justify; position: relative; min-height: 3em;}
.top-open-state img:first-child {width:4em; height:4em;  position: absolute; left: 150px; top:12px;}
.top-open-state img:last-child  {width:55px; height:80px; position: absolute; right: 168px; top:20px;}

/* -----------------------------------------------------------
                        Home
-------------------------------------------------------------- */


.col-300 {width:33.333%}

.home-slider{ background: #f4f4f4; border: solid 1px white;}
.slides img{width: auto;}

.widget-wrapper {
	
	background-color: transparent;
	border: none;
	border-radius: 4px;
	margin: 0 0 20px;
	padding: 20px;
}
#home-capabilities {
    border-top: 1px solid #564094;
display:block;clear:both;border-bottom:thick;position:relative;
background: #816abf; /* Old browsers */
background: -moz-linear-gradient(top,  #816abf 0%, #5c4599 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#816abf), color-stop(100%,#5c4599)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #816abf 0%,#5c4599 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #816abf 0%,#5c4599 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #816abf 0%,#5c4599 100%); /* IE10+ */
background: linear-gradient(to bottom,  #816abf 0%,#5c4599 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#816abf', endColorstr='#5c4599',GradientType=0 ); /* IE6-9 */
}

.div-title{float: none;padding: 0.5em 0em ;text-align: center;top: -1.8em;position:absolute; z-index: 4;
	background:#644ba6;color:#fff;width: 30%;right: 35%;background: url(images/center--title-dark.png) repeat-x;
	font-family:cleanvertisingblack;font-size:1.35em;letter-spacing: 0px;line-height:0.9em;
cursor: pointer; }
.div-title p{text-shadow: 0px -1px 0px #463968;display:inline; pointer-events: none; -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
.div-title span:first-child{background: url("images/pre-title-dark.png") no-repeat scroll 0 0 transparent;height: 41px;left: -15px;position: absolute;
    top: 0;width: 19px;}
.div-title span:last-child{background: url("images/post-title-dark.png") no-repeat scroll 0 0 transparent;
    height: 41px;right: -15px;position: absolute;top: 0;width: 19px;}
.div-other-title{background: url("images/center--title-light.png") repeat-x;}
.div-other-title p{text-shadow: 0px 1px 0px #ffffff;color:#333;display:inline;}
.div-other-title span:first-child{ background: url("images/pre-title-light.png") no-repeat scroll 0 0 transparent;}
.div-other-title span:last-child{background: url("images/post-title-light.png") no-repeat scroll 0 0 transparent;}
#widgets {margin-top: 0;text-align: center;display:}
.widget-title, .widget-title-home h3 {color: #FFFFFF;display: block;font-family: roboticaregular;font-size: 1.5em;font-weight: 700;
    letter-spacing: 2px;line-height: 23px;margin: 0;padding: 10px 0;text-align: center;text-shadow: 0 1px 2px #000000;}
#widgets .tagcloud, #widgets .textwidget {color: #FFFFFF;display: block;line-height: 19px; margin: 0;
    word-wrap: break-word;text-align: justify;letter-spacing:1px;}
    
   /* #home-capabilities .looper-image{margin:0; padding: 0;}
#home-capabilities .flex-viewport{margin:0; padding: 0;}*/


/*-------------------------
	Work
---------------------------*/

#portfolio .flex-viewport {padding-bottom: 24px;}
.close-mode{          width:100%;margin: 0 auto;position:relative;}

.close-mode span{font-family: "roboticaregular"; font-size: 1.4em; letter-spacing: 0.5px; line-height: 1em;}
.close-mode span.badge  {    width:50%;height:150px; float:left;}  
.close-mode span.client-name  { color:#fff;    width:50%;height:150px;float:left;}

.other-bg div span.client-name {    color:#000;}
.other-bg div span.badge {    color:#816ABF;}

.portfolio-item div span p{text-align:center;margin:0 auto;padding-top:70px;text-align:center;width:200px;color:#947bd8;text-shadow:0 0px 4px #4a387b; }
.other-bg div span p {color:#d3c9ed; text-shadow: 0 0px 5px #765fb3; }
/*.flexslider p {color:red; }*/
.other-p p {color:#eee; }


.last-element { min-height:157px !important; }
.last-element img.portfolio-thumb{ bottom:-34px !important; }



#work-title a,#work-title a:hover,#work-title a:link,#work-title a:visited {
    border-top: medium none;
    color: #333333;
    text-decoration: none;
}

#work-title{margin: 1em 0; z-index: 4;}
#work-title p{display:inline;}
#category-nav{background:url(images/category-nav-bg.png) center center no-repeat;widthL:184px;height:36px;color:white;}
#category-nav ul{list-style:none; 	}
#category-nav ul li{display:inline;text-align:center;line-height:36px; padding: 0 0.5em;}
a,a:hover,a:link,a:visited{text-decoration: none; color:#ffffff;border-top:none;}
#portfolio {margin: 0 auto;margin-top:100px;}
.portfolio-item{min-height:194px;	display:block;width:100%;text-align:center;position: relative;
background: #816abf; /* Old browsers */
background: -moz-linear-gradient(top,  #816abf 0%, #644baa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#816abf), color-stop(100%,#644baa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #816abf 0%,#644baa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #816abf 0%,#644baa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #816abf 0%,#644baa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #816abf 0%,#644baa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#816abf', endColorstr='#644baa',GradientType=0 ); /* IE6-9 */

}

.other-bg{
background: #d2c8ec; /* Old browsers */
background: -moz-linear-gradient(top,  #d2c8ec 0%, #a196bc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2c8ec), color-stop(100%,#a196bc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d2c8ec 0%,#a196bc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d2c8ec 0%,#a196bc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d2c8ec 0%,#a196bc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d2c8ec 0%,#a196bc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2c8ec', endColorstr='#a196bc',GradientType=0 ); /* IE6-9 */


}
.portfolio-thumb{display:inline;bottom:0px;position:absolute;margin: 0 auto;right:0;left:0;max-height:200px; cursor: pointer;}
.pos-looper{display:block;margin:auto;overflow:hidden;}
.full-image{padding: 0.4em 0 1.4em 0;margin: 0 auto;bottom:0;right:0;left:0;}

/*#wrapper div div.portfolio-item:last-child    {background: red; height: 600px;}*/

/*------------------------- 
            ABOUT
---------------------------*/ 
 #about{ }
 #about p {width:960px; margin:0 auto; margin-bottom:5em; text-align: justify;} 
 #logo-container{padding:30px 0px;  width:960px; margin:0 auto;}
 .logo-item{float:left;  position:relative;  margin:20px;}
 #logo-container img{ display:block; max-width:200px;}                                                                             
 #logo-container span{ position:absolute; opacity:0.3;}
 #logo-container span.logo-right{right:-20px;width:1px; height:200px;  
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,1)), color-stop(70%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
 }
  #logo-container span.logo-bottom{bottom:-20px;width:200px; height:1px; left:0px;
 background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,1)), color-stop(70%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
  }

/*------------------------
          CONTACT
--------------------------*/
        
 #contact{ width:960px; margin: 0 auto; position:relative;}
 #contact img {margin:0; padding:0; border:0; max-width:100%; display:inline;}
 
 #contact-capabilities {
display:block;clear:both;border-bottom:thick;position:relative;
background: #816abf; /* Old browsers */
background: -moz-linear-gradient(top,  #816abf 0%, #5c4599 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#816abf), color-stop(100%,#5c4599)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #816abf 0%,#5c4599 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #816abf 0%,#5c4599 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #816abf 0%,#5c4599 100%); /* IE10+ */
background: linear-gradient(to bottom,  #816abf 0%,#5c4599 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#816abf', endColorstr='#5c4599',GradientType=0 ); /* IE6-9 */
}
 #contact-capabilities p{ width:960px; color:white; margin:0 auto; padding: 2em 0; text-align: justify;}
  
 
 
 
 #form-shadow{  background: url("images/form-shadow.png") no-repeat scroll center bottom transparent;
	                bottom: 0;  margin: 0 auto;padding-bottom: 0.84em;width: 666px; margin-bottom:2em;}
 form{style:none; margin: 0 auto;padding:0em; text-align:center; width:508px;}
 form p { margin: 0 ;}
 #contact input,#contact textarea{
 width:100%; outline: none;resize: none;white-space: nowrap;color:white;font-family: sans-serif;
height:2em;box-shadow: 0px 0px 1px #000; padding: 0.5em 0.5em;margin-bottom:0.5em; margin-top:-3px;
background: rgb(50,45,64); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(50,45,64,1) 0%, rgba(95,91,104,1) 47%, rgba(95,91,104,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(50,45,64,1)), color-stop(47%,rgba(95,91,104,1)), color-stop(100%,rgba(95,91,104,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(50,45,64,1) 0%,rgba(95,91,104,1) 47%,rgba(95,91,104,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(50,45,64,1) 0%,rgba(95,91,104,1) 47%,rgba(95,91,104,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(50,45,64,1) 0%,rgba(95,91,104,1) 47%,rgba(95,91,104,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(50,45,64,1) 0%,rgba(95,91,104,1) 47%,rgba(95,91,104,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#322d40', endColorstr='#5f5b68',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#contact textarea{height:10em; margin-bottom:0.5em ; font-family:Arial,Helvetica,sans-serif; width:100%;  font-family:Arial,Helvetica,sans-serif; }

#contact input.wpcf7-submit{line-height:2em; width:100%;   cursor: pointer;
	 font-size:16px;text-shadow:none;text-emphasis:none;font-weight:100;
	 line-height:2em;padding:0; font-family:Arial,Helvetica,sans-serif; font-weight:100;!important;}
	 
#name,#mail{float:left;width:49%;}
#contact input, #contact textarea{ padding: 0; }
#contact input, #contact textarea {border-width:0px;}
.wpcf7-validation-errors{display: none !important; }
.wpcf7-not-valid-tip{ font-size:1em !important ; }
.wpcf7-mail-sent-ok{display: none !important;}

#name{margin-right:2%;}

#form-shadow div.wpcf7-response-output {position:absolute; margin:0; padding:0; border:none; !important;}
#form-shadow div.wpcf7-response-output,  #form-shadow div.wpcf7-display-none,  #form-shadow div.wpcf7-validation-errors {border: none; margin:0;padding:0;!important;}
#form-shadow p span span.wpcf7-not-valid-tip {background:transparent;border: none; position: absolute; line-height:0.5em;
top: 0%;width: 280px; z-index: 100;color:red;!important;}
#textwidget p {  color: white; margin: 0 auto; padding: 2em 0;text-align: justify; width: 960px; }



 /*------------------------
            Tools
---------------------------*/            
.font-24{font-size:24px;}
.font-robotica{font-family: 'roboticaregular';letter-spacing:1px;color:#a183f3;}
.border-bottom{ border-bottom:  dashed 1px ;}
.hidden{display:none;	}
.sb-holder {width: 364px;}

@media screen and (max-width: 1024px) {
#home-text{max-width:90%;}
/*body{background: red;}*/
}


@media screen and (max-width: 950px) {
 /*body{background: blue;}*/
    .top-open-state {width:100%; }
    .top-open-state p {text-align: center;width:90%;}
.top-open-state img {display: none;}
 #contact-capabilities p{ width:90%;  }
.close-mode span.badge {    display: none;}  
.other-bg div span.badge{    display: none;}
.close-mode span.client-name {     display: none;}  
.other-bg div span.client-name{   display: none;}

#about p {width:90%;}
#logo-container{width:736px;}





#contact{ width:100%; }

#widgets .tagcloud, #widgets .textwidget {
    color: #FFFFFF; display: block; line-height: 19px; margin: 0 auto;
    text-align: justify;word-wrap: break-word;max-width: 66%;}
.looper-control{top:60%;}


#portfolio  div p{max-width:90%;}
div.download-icon{max-width:90%;}
.lopper-center{max-width:99%;}
.looper-text{max-width:45%;}
.looper-image{max-width:48%;}


#home-text{max-width:90%;}

.div-title{width: 50%;right: 25%; }

.close-mode{display:none;}
.full-image {padding: 1em 0 1.4em;}


}

 

@media screen and (max-width: 736px) {
	/* body{background: green;}*/
	.looper-text h1 {margin-top: 0;padding: 0 0 0.5em;}
	 .looper-text {height:100px; text-align: center;}
	 .looper-text p{ text-align: center;}
	 .home-slider .flex-control-nav {display: none;}
	#logo-container{width:480px;}.menu a{font-size:22px;}
	#logo {  float: none; margin: 0; text-align: center;margin-top: 20px;display:block;	 }
        #logo p{ position: absolute;right:auto;padding-left:9%; width: 90%;}
	.home-slider .flex-control-nav {bottom:14px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
	}


@media screen and (max-width: 600px) {
#form-shadow{ max-width: 100%;}
form{width:90%;}
.div-title{width: 90%;right: 5%;}
/*.looper-center {background:red;}*/
/*.looper-text {display:block;
max-width:90%;margin:0 auto;padding:0;text-align:center;float:none;}*/
/*.full-image {padding: 1em 0 1.4em;}*/

.looper-text h1{margin:0 auto;text-align:center; font-size: 24px;	}
.looper-text p {padding: 0em 0 0 0; margin: 0;}
/*.looper-image{float:none;max-width:100%;margin:0 auto;padding:0;text-align:center;}*/
.looper-text{max-width:44%; }
.looper-image{max-width:43%;}
.full-image {padding: 2em 0 1.4em;}
#widgets .textwidget {text-align: center;}

}






@media screen and (max-width: 479px) {
    .full-image {padding: 3em 0 1.4em;}
	#logo-container{width:240px;}
	.div-title{width: 90%;}
	.looper-text p {display: none;}
	/*.looper-text{margin:0 auto; padding: 0;}
	.looper-text{max-width:100%;}*/
	.looper-text h1 {padding: 1em;}
	 ul.list li {float: none !important;}
	 element.style {float: none !important;}
	.looper-text{font-size: 1.5em; padding: 0; max-width: 50%; font-size: 18px; }
	.looper-text h1{font-size: 18px; width: 95%; text-align: left;}
	

.looper-image{width:50%; margin: 0 auto;}

.sb-holder { width: 80%;}
}