/*

Theme Name: MultiPurpose

Author: ThemeMotive

Author URI: http://thememotive.com/

Version: 1.0

*/



/* Global basic styles

------------------------------------------ */

#overlay {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-color: #000;

filter:alpha(opacity=70);

-moz-opacity:0.7;

-khtml-opacity: 0.7;

opacity: 0.7;

z-index: 100;

display: none;

}

.cnt223 a{

text-decoration: none;

}

.popup{

width: 100%;

margin: 0 auto;

display: none;

position: fixed;

z-index: 1000000;

}

.close{float: right; font-size:12px;}



.cnt223 p{

clear: both;

    color: #555555;

    /* text-align: justify; */

    font-size: 20px;

    font-family: sans-serif;

}

.cnt223 p a{

color: #d91900;

font-weight: bold;

}

.cnt223 .x{

float: right;

height: 35px;

left: 22px;

position: relative;

top: -25px;

width: 34px;

}

.cnt223 .x:hover{

cursor: pointer;

}



/* Main layout

------------------------------------------ */



/*

body.boxed .root {max-width: 1000px; margin: 0 auto; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.3);}

@media (max-width: 980px) {

	.root {margin: 0; padding: 0 20px;}

	header, footer, .breadcrumb {margin: 0 -20px;}

	footer, .breadcrumb {padding-left: 20px; padding-right: 20px;}

}

body.boxed {background: #ececec;}

*/



@media (min-width: 980px)  {



.cnt223{

min-width: 469px;

width: 469px;

min-height: 150px;

margin: 1% auto;

background: #f3f3f3;

position: relative;

z-index: 1000000;

padding: 15px 10px;

border-radius: 5px;

box-shadow: 0 2px 5px #000;

}

.ifrm{ width:100%; height: 300px;}

	

}



@media (max-width: 414px) {



.cnt223{

Max-width: 300px;

width: 80%;

min-height: 150px;

margin: 10% auto;

background: #f3f3f3;

position: relative;

z-index: 100000;

padding: 5px 10px;

border-radius: 5px;

box-shadow: 0 2px 5px #000;

}

.ifrm{ width:100%; height: 100%;}

	

}