@import "../css/reset.css";@import "../css/skeleton.css";@import "../css/superfish.css";@import "../css/superfish.css";@import "../css/flexslider.css";@import "../css/carousel.css";@import "../css/tabs.css";@import"ui.totop.css";@import url(http://fonts.googleapis.com/css?family=Bitter);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#62676d; min-width:960px; background:#12212f; -webkit-text-size-adjust: none;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}
/*================================>> P <<========================================*/
p {margin-bottom:24px}
.p2{ margin-bottom:17px;}

/*================================>> img <<========================================*/
img{}
/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overfbackground-image:url('../images/1page_img2.jpg');
low:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}
.bgi_none{background-image:none !important;}

/*==================================== Links ======================================================== */
a {color:#62676d;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#ebdf1b; text-decoration:none;}

.button{ display:inline-block; padding:9px 16px 11px 19px; border-radius:10px; margin: 24px 0 0 0; font-size: 15px; line-height: 19px; color:#fff; background: url(../images/button.jpg) repeat-x #101e2b;}
.button:hover{ background:#f5da39; color:#343434;}
/*================================>> hovers <<========================================*/
.ui-tabs-nav li, .downloads{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header { margin: 0 10px; padding:92px 0 0 0;}
header h1{width:261px; float:left;}
header h1 a {display:block;width:261px;height:47px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:68px 0px 70px 0px;}
.cont_pad{padding:77px 0 70px 0 !important;}


/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}

h2{font-size: 17px; line-height: 20px; color:#12212f; text-transform:uppercase; text-align:center;position: relative;}
h2 div{position: absolute;height:4px;top:8px;background:url(../images/h2_stripe.jpg) 0 0px repeat-x;}

h2 div.stripe_before{left:0;}
h2 div.stripe_after{left: auto; right:0;}

h2 span{ display:inline-block}
h2.ind{ margin-bottom:42px;}
h2.ind1{ margin-bottom:39px;}
h2.ind2{ margin-bottom:33px;}
/*================================>> GOOGLE FONTS  <<========================================*/
footer .title, .ui-tabs .ui-tabs-nav li a, h2, .bitter, .banner .title, .offer .title, .button{font-family: 'Bitter', serif;}

/*================================>> Global Blocks <<========================================*/
.block1{ background:url(../images/block1.jpg) 50% 0 no-repeat; max-height:606px; padding-bottom:30px;}
.block2{ background:url(../images/block2.jpg) 50% 0 repeat-x #fff; min-height:500px;}
.block3{}

/*================================>> hovers <<========================================*/
#content .button, footer a, .sf-menu a, .sf-menu li{-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -ms-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
        transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */}
/*********************************page_1*************************************/
.extra_container{ overflow:hidden;}
.extra_container>figure{ float:left;}
.extra_container>div{ float:right;}

.hello_box{font-size: 33px; line-height: 45px; color:#12212f; text-align:center; padding:0 20px 0; margin-bottom:58px}

.offers_box{ margin-bottom:65px;}
.offer{ text-align:center;}
.offer img{ margin-bottom:31px;}
.offer .title{font-size: 25px; line-height: 29px; color:#12212f; margin-bottom:16px; text-transform:uppercase;}

.testimonial_box{ position:relative; position:relative; padding:34px 0px 35px; }
.testimonial{ padding:0 0px 0; text-align:center;}


.link1{ color:#12212f; font-weight:bold;}
.link1:hover{ color:#285782;}

#tabs{ margin-bottom:101px;}

.newsletter{ background:url(../images/news_letter.png) 417px 14px no-repeat #f4f5f7; border-radius:10px;}
.newsletter .f_left{width:320px; padding:26px 0 32px 38px; line-height:19px;}
.newsletter .f_right{width:381px; padding:39px 0 0 0;}
#newsletter{ overflow:hidden;}
#newsletter a{ display:block; float:left; margin: 0 0 0 13px;}
#newsletter input{border-radius:10px; float:left; padding:7px 15px 9px; width:211px; margin: 0 0 0 0; background:#fff; border: 1px solid #c1c6cd; color:#bbbfc7; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px;}

/*********************************page_2*************************************/
.project_box{padding:19px 20px 9px; background:#e1e3e7; margin: 0 1px 0 0;}
.project_box img{ margin-bottom:14px;}
.project_box a{ color:#000; text-decoration:underline}
.project_box a:hover{ text-decoration:none;}

.title1{font-size: 14px; color:#000000; font-weight:bold; letter-spacing:1px;}

.m_bot1{ margin-bottom:20px;}
/*********************************page_3*************************************/
.offers_box1{padding:3px 0 66px 0;}

.m_services li{ overflow:hidden; padding:17px 0 16px 15px; margin-bottom:5px; background:#e1e3e7; line-height:18px;}
.m_services li figure{ float:left; margin: 0 10px 0 0; padding:6px 0 0 5px;}
.m_services li div{ float:left;width:230px;}

.black{ color:#000000; letter-spacing:1px;}

.link2{ color:#000;}
.link2:hover{ color:#FFFFFF;}

.s_overview>div{width:180px; margin-right:13px;}
.s_overview>figure{padding:10px 0 0 0;}

.m_left1{ margin-left:15px;}

.s_overview1>figure{ margin-left:17px}
.s_overview1>div{ margin-right:0;width:177px;}
/*********************************page_4*************************************/
.top_downloads li{ padding-bottom:23px; margin-bottom:23px; border-bottom:1px solid #e8eaed;}
.top_downloads li a.marker{ background:url(../images/down_marker.png) no-repeat;width:16px;height:16px; display:inline-block; margin: 6px 0 0 5px;}
.top_downloads li a.marker:hover{ background-position: 0 bottom;}

.downloads{ overflow:hidden; border-radius:10px; background:#f4f5f7; padding:9px 0 9px 20px; line-height:18px; margin-bottom:4px;}
.downloads:hover{ background:#343434; color:#adadad;}
.downloads>div{ float:left;}
.downloads .text{padding:0 0 0 0;width:400px;}
.downloads .text a.marker{width:16px;height:16px; background:url(../images/down_marker1.png) no-repeat; display:inline-block; margin: 2px 0 0 9px;}
.downloads .text a.marker:hover{background-position:0 -16px;}
.downloads .weight strong, .downloads .text strong{ color:#000000;}
.downloads .weight{ padding:11px 0 0;width:80px; text-align:center; margin-right:18px;}
.downloads:hover strong{ color:#FFFFFF;}
.downloads .button{width:95px; text-align:center; padding-left:0; padding-right:0;margin: -1px 0 0 0;}
/*********************************page_5*************************************/

/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px; margin-bottom:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:14px; border:1px solid #e1e1e1; color:#62676d; border-radius:8px; padding:9px 15px;outline:none; position:relative; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;background:none;}
#contact-form input {width:338px; float:left;}
#contact-form textarea {overflow:auto; width:588px; height:230px;resize:vertical; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:45px; overflow:hidden;}
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:17px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; float:left; padding-top:7px; line-height:14px;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:30px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;margin-bottom:24px; display:block;}
#map_canvas {
    width:100%;
	height:306px;
}
.adress{}
.adress span{ display:inline-block; width:82px;}
.adress dt{}
.adress a, .demolink{ color:#000000;}
.adress a:hover, .demolink{ text-decoration:underline;}
.demolink:hover{ text-decoration:none; color:#000;}
/****************************footer************************/
footer{padding:57px 0px 60px 0;background:none;}
footer , footer a{ color:#acb2b6;}
footer .title{font-size: 24px; text-transform:uppercase; line-height: 29px; color:#fff; margin-bottom:22px;}

footer .social{padding:7px 0 1px;}
footer .social li{ overflow:hidden; margin-bottom:11px;}
footer .social li a{ display:inline-block; margin-top:2px;}
footer .social li a:hover{ color:#fff;}
footer .social li figure{ float:left; margin: -2px 16px 0 0;}
footer .social .cont_item figure{ padding-top:5px !important;}


.privacy a, .privacy{ color:#FFFFFF;}
.privacy a:hover{ color:#f5d12f;}
.privacy span{ color:#f5d12f;}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 header{padding-top:30px;}
 .flexslider{padding-top:20px;}
 #toTop{display:none !important;}
 .cont_pad{padding:37px 0 30px 0 !important;}
.hello_box{font-size: 27px; line-height: 32px;margin-bottom:30px;}
.offers_box, #tabs{margin-bottom:40px;}
.newsletter{background-image:none !important;}
footer .title{font-size: 22px; line-height: 26px;}
footer{font-size:13px;padding: 35px 0 38px;}
.block1{max-height: inherit;}
.s_overview>div, .s_overview>figure{float: none;}
.m_services li div{width:160px;padding-right:10px;float:right;}
.downloads .text{width:340px;margin-right:10px;}
.downloads .weight{padding-top:0px;}
.downloads .button{margin-top:15px;}
#content{padding: 40px 0 35px;}
#contact-form textarea{width:460px;}
#contact-form input{width:280px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 #tabs{height: auto;}
.newsletter{padding-bottom:26px;}
.newsletter div{float: none;}
.newsletter .f_left{width:320px; padding:26px 0 20px 38px; line-height:19px;}
.newsletter .f_right{width:381px; padding:0px 0 0 38px;}
.project_box img{width:100%;}
.m_services li div{width:95%;float: none;}
.offers_box1 {padding: 3px 0 35px;}
.downloads .weight{padding-top:7px;}
.downloads .button{margin-top:7px;}
.downloads .text{width:275px;}
#contact-form input, #contact-form textarea{width:385px;}
header, nav, .flex_box{margin-left:0;margin-right:0;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .ui-widget-content img{width:100%;}
 #newsletter input, #newsletter a{float:none;}
 #newsletter a{margin:12px 0 0;width:60px;}
 .newsletter .f_right{padding: 0 0 0 30px;}
 .newsletter .f_left{width: auto;padding:26px 20px 20px 30px; line-height:19px;}
 .offers_box, #tabs{margin-bottom:30px;}
 .s_overview>figure{float: left; margin-left:0;}
 .s_overview>div{float: right;width:190px;margin-right:0;}
 .downloads >div{float: none; width:100%;}
 .downloads{margin-bottom:15px;}
 .m_services li figure{margin-right:5px;}
 #contact-form input, #contact-form textarea{width:265px;}
}

/*====================== jordys style =============*/
body {background-color:transparent}



.block1{ background-color:transparent; background-image:none; max-height:606px; padding-bottom:0px; }

header {padding-top:40px; padding-bottom:15px; background-color:white; margin:0; border-bottom:1px solid #d7d7d7}
header h1{width:292px; float:left;	margin-bottom:0!important;}
header h1 a {
	margin-top:-25px;
	display:block;
	width:292px;
	height:73px;
	background:url(../images/logo-top.png) 0 0 no-repeat; 
	text-decoration:none; 
	text-indent:-9999px;
}

.motive {background-color:#F2F5F8; border-bottom:1px solid #d7d7d7;}
.motive2 {height:3px;margin:0 auto; text-align:center; background:#f2f5f8 url(../images/whois.jpg) repeat-x center center;border-bottom:1px solid #d7d7d7}

#content {padding: 40px 0px 70px;}
.cont_pad{padding:50px 0 50px 0 !important;}
.hello_box{font-size: 33px; line-height: 45px; color:#12212f; text-align:center; padding:0 20px 0; margin-bottom:48px}

.button{ 
	display:inline-block;
	padding:9px 16px 11px 19px; 
	border-radius:10px; 
	margin: 24px 0 0 0; font-size: 15px; line-height: 19px; color:#fff; 
	/*background: url(../images/button.jpg) repeat-x #101e2b;*/
	background:#ff6600;
}

.button:hover{ background:#ff9b59; color:#fff;}

.flexslider .banner .button {
	background: url(../images/button.jpg) repeat-x #101e2b;
}

.flexslider .banner .button:hover {
	transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
} 


a {color:#0abbef;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#62676d; text-decoration:none;}

.offer .title a{color:#12212f; }



.adress{
	margin-left:25px;
}

.adress dt {
	margin:15px 0;
}

.icann-logo {
	display:block;
	margin:0px auto 50px;
}

.gransy-site {
	text-align:center;
	margin-top:30px;
}

.gransy-site span {text-align:left!important;}

.gransy-site img{
		width:95%;
	padding:0;
}

.gransy-site img:hover {
 opacity:0.8;
}

.h3.gransy {margin-left:25px;	color:#12212f;}
.gransy-logo {
	margin-left:25px;

}

#contact-form .buttons2 {
	text-align:center;
}

#contact-form .button {
	margin-left:0;
	width:30%;
	
}

.space {display:block; height:90px; }

.what-any {padding-bottom:35px;}
.what-any div {display:inline-block; width:78%}
.what-any div:first-of-type, .what-any div:last-of-type {width:10%;}
.what-any div:last-of-type {text-align:right;}
.what-any div i {font-size:30px; color:#d7d7d7; margin-top:20%}

.what-any img {float:left; margin-right:20px;}

.fright {float:right;}

footer .title, .ui-tabs .ui-tabs-nav li a, h2, .bitter, .banner .title, .offer .title, .button{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}



/*----------------footer-------------------*/
.block3 {background-color:#12212f;}

.container_12 .grid_3.left-margin {
	margin-left:40px;
	width:190px;
}

footer {
	padding: 40px 0px 60px;}

footer .grid_6, footer .grid_3 {margin-top:12px;}

.offer img{ margin-bottom:31px; background-color:#0abbef; border-radius:70px;}


.privacy {color:#fff;}
.privacy a {color:#fff;}
.privacy a:hover{ color:#0abbef; text-decoration:none;}
.privacy span{ color:#fff;}

.email a{
    display:inline-block;
    height:14px;
     background-image: url(../images/info-gransy.png);
    background-repeat: no-repeat;
    vertical-align:middle;
	transition:none;
	padding-top:0px;
}

.email a, .email.v2 a{
    background-position:0 0px;
    width:115px;
}

.email a:hover, .email.v2 a:hover {
    background-position:0px -14px;
}

.email.v2 a{background-image: url(../images/info-anycastdns2.png);}

.gransy-logo.footer {margin:-12px 0 5px 0; display:inline-block; overflow:initial;}


.adress.footer strong {color:#fff;}
.adress.footer span { font-weight:bold; width:60px;}

.seo-links {list-style:disc; color:#0abbef;}

.seo-links li {line-height:30px; margin-left:15px}

.seo-links li a{	color:#fff;}

.seo-links li a:hover {color:#0abbef;}

.subfooter {
	background-color:#0d1822;
	padding:10px 0;
	min-height:40px;
	font-size:12px;

}

.gransy-logo.sub-logo{
 left:0;
	position:absolute;
	top:5px;
} 

.subfooter p {	line-height:45px;}

.subfooter p.float-left {
	margin:0 0 0 140px;
	float:left;

}

.subfooter p.float-right {
	margin:0 20px 0 0;
	float:right;
	
}

/*
.subfooter p.float-right a:after {
	content:"";
	display:inline-block;
	width:1px;
height:10px;
	margin: 0 5px 0 10px;
background-color: #62676d;}

.subfooter p.float-right a:last-of-type:after {
	display:none;
}*/

.subfooter p a {color:#62676d;}
.subfooter p a:hover {color:white;}


/**------------------menu----------------*/
.sf-menu > li > a {
   position:relative;
   font-size: 15px; 
   color:#fff;
   font-weight:bold; 
   text-transform:uppercase;
}

.sf-menu  >li{ background:none 0 7px no-repeat; padding:0;}

.sf-menu > li:after {
	content:"";
	display:inline-block;
	border-right:1px solid #122231;
	line-height:10px;
	height:10px;
	margin:8px 14px 0;
}

.sf-menu > li:last-of-type:after {border:0;}

.sf-menu > li > a:hover, .sf-menu > li.current > a, .sf-menu > li.sfHover > a {
   color: #122231; 
}

.sf-menu li li a:hover, .sf-menu li li.sfHover > a 
{ color:#0abbef;}


.rmm {min-width:420px;}

.rmm.sapphire .rmm-main-list li.current a{color:#000;}

.rmm.sapphire .rmm-main-list > li:after {
	content:"";
	display:inline-block;
	border-right:0px solid #122231;
	line-height:10px;
	height:10px;
	margin:0px 2px 0;
}

.rmm.sapphire .rmm-main-list li a {
	display:inline-block;
	padding:7px 10px;
		margin:0px 0;
	  position: relative;
    font-size: 16px;
    color: #555555;
    font-weight: normal;
    text-transform: none;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	border:1px solid #fff;
	border-radius:5px;

}

.rmm.sapphire .rmm-main-list > li:last-of-type:after {border:0; margin:0}

.rmm.sapphire .rmm-main-list li a:hover, .rmm.sapphire .rmm-main-list li.current a {
	color:#212231;
	transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		border:1px solid #d7d7d7;
	border-radius:5px;
}



/*---------------to top--------------*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:310px;
	overflow:hidden;
	width:79px;
	height:79px;
	border:none;
	text-indent:-999px;
	z-index:20;
	left:50%;
	margin-left:550px !important;
	background:url(../images/back_to2.png) no-repeat left top; 
}


#toTop:hover {
	outline:none;
	background-position: 0 -79px;
}

/*--------------index - images ----------------*/
.tgrid_3 {
    float: left;
    width: 221px;
    margin-right: 18px;
}

.container_12 .grid_9.preview {
    width: 100%;
	margin-left:0;
}

.preview .title { 
    font-size: 17px;
    line-height: 24px;
    color: #ff6600;
    text-transform: uppercase;
    margin-bottom: 3px;

}

.preview img {border:1px solid #e9eaee} 

/* basic my */

.perex {
	font-weight:bold;
}



.list {
	list-style:disc;
	margin:0px 40px 20px;
}

.list li {
	padding-left:10px
}



/*---------------nadpisy--------------*/
.title {text-align:left; margin-bottom:20px;}
.title div {display:none; }


h1, h2, h3, h4, h5, .h3 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}


h1 {
    font-size: 25px;
    line-height: 30px;  
	margin-bottom: 25px;
	color:#12212f;
	font-weight:normal;
		text-transform:uppercase;
}


h2 {
	font-size:20px;
	font-weight:400;
	margin:10px 0 10px;
		color:#ff6600;
}

h2.ind {color:#12212f; margin-bottom:35px}
h2.title {font-size:17px;}

h3 {
	text-transform:uppercase;
	font-size:17px;
	font-weight:400;
	margin:10px 0 5px;
		color:#12212f;
	font-weight:normal;
}

.h3 {
	color:#ff6600;


}

h4 {
	font-size:14px;
	margin:20px 0 -5px;
	font-weight:400;
	text-transform: uppercase;
	
}


/*---------------------anchor panel------------------*/

.preview { 
	margin: 0 0 10px;


}

.preview article {
 margin-top:10px;
	margin-bottom:0px; 

}

.container_12 .preview .grid_4 {
    width: 310px;
}

.container_12 .preview .grid_4.fright {
	float:right;
}



.container_12 .preview .grid_8 {
    width: 590px;
	text-align:center;
}

.preview .grid_8.last-col, .preview .grid_4.fright {
	margin:20px 15px 0;
	
}

.preview .grid_4, .preview .grid_8 {
	margin:20px 15px 0;
 
} 



.preview h3 {
	font-weight:normal;
	font-size:24px;
	margin:0 0 15px;
	color:#ff6600	;
  font-family: "Bitter",serif;

}

.preview article img {
	width:585px; 
	height:325px;

}

.line {
	background-color:#e1ebf4;

}

/*--- index offers -*/
.offers_box .offer {border:1px solid #d7d7d7; border-radius:5px; padding: 20px 10px; min-height:250px }
.offer .title{margin-bottom:16px; margin-top:15px; text-align:center}

/*- layout - archon panel-*/



.container_12.full { 
    position: relative;
    width: 100%;
    margin: 0px auto;
    padding: 0px;
}

h2.ind1.half{ 
	    width: 960px;
    margin: 0px auto;
	margin-bottom:39px;}

.wrapper-inner {
	width:960px;
	margin:0 auto;
	 position: relative;
	overflow: hidden;
}

/*--------------re-view--------------*/


.reView { display: none; margin-top:20px!important; text-transform:uppercase;}

/*------ boxes ----------*/
.box {
	border-radius:8px;
	padding:10px 20px;
}
.box-green {
	background-color:#def0d7;
	border:1px solid #98cf81;

}



/*-----------------------form----------*/
.success {
	color:#17b917;
border:1px solid rgba(23,185,23,0.5);
	padding:5px 10px;
	border-radius:10px;
/*	background-color:rgba(23,185,23,0.2);*/
}

/*-----------------responsive layout jordy------------------*/

@media only screen and (max-width: 995px) {
 body{min-width:768px;}

a.logo {margin-top:-20px}
	
	.wrapper-inner {width:97%;}
/*.wrapper-inner .grid_4		{width: 236px;}
.wrapper-inner .grid_8		{width: 492px;}	*/

	.container_12 .preview .grid_4 {width:100%}
	.container_12 .preview .grid_4.fright {float:left; }
	.preview .grid_8.last-col, .preview .grid_4.fright, .preview .grid_4, .preview .grid_8 {margin:10px 0px 0;}
	

	
}



@media only screen and (max-width: 767px) {
 body{min-width:420px;}
	
header {padding-bottom:20px}	 
.flex_box {display:none;}
	
.wrapper-inner {width:390px;}

.container_12 .preview .grid_8 {
}	
	
.what-any img {float:none; display:block; margin:0 auto 20px;}

}


	@media only screen and (max-width: 479px) {
		body {min-width:300px;}
		.wrapper-inner {width:270px;}
		.container_12 { width: 270px;} 
		header h1 a.logo {background-size:auto 80% }
		.rmm {min-width:auto;}
	}