@import url(../fonts/stylesheet.css);
body{margin:0;padding:0; background:#fff; overflow:hidden;}
input:focus {outline:0;}
input::-moz-focus-inner {   border: 0; }
.body-bg{/* Set rules to fill background */
             min-height: 100%; min-width: 1024px;	
        /* Set up proportionate scaling */
            width: 100%;height: auto;	
        /* Set up positioning */
            position: fixed;  top: 0;left: 0;}
ul{padding:0;margin:0}
li{padding:0;margin:0}
/*------------------------------------------------*/
.logo-opteli{position: relative;top: 60px;left: 13%;width:226px}
/* Style for the body*/
.container{width:100%;position:fixed; top:35%;} 
#body-one { margin:0;padding:0;width:100% !important; position:relative;}
.mySelect {padding: .2em 0;font-size: 1em;}
#myDiv {color:Green; text-align:justify;float:left;width:100%;}
#Div {color:Green;text-align:justify;float:left; width:100%;}
#login{display:none;float:left; width:100%;}

#newsletter{display:none;}

/** Style for the cointainer **/

.box-lg-nw-one{margin:0 auto;width:502px;font-size: 0.917em;display:block;}
.box-lg-nw-one li{float:left;list-style:none;background:url(images/black-bg.png) repeat;width:125px;height:125px; -webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;margin-right:1px;margin-bottom:1px;-webkit-transition: background-color .5s ease-out;  -moz-transition: background-color .5s ease-out;  -o-transition: background-color .5s ease-out;  transition: background-color .5s ease-out;
}
.box-lg-nw-one li:last-child{width:376px;height:125px;-webkit-border-top-left-radius: 0px;-moz-border-radius-topleft: 0px;border-top-left-radius: 0px;margin-right:0px; -webkit-border-top-right-radius: 20px;-moz-border-radius-topright: 20px;border-top-right-radius: 20px;}
.box-lg-nw-one li img{margin: 16px auto 0;display: block;}
.box-lg-nw-one li span{display:block;font-family:robotomedium; color:#fff;font-size:38px;margin: 36px 0 0 40px;}	
.box-lg-nw-one:hover li{background-image:none; background-color:#000;cursor:pointer;}

 
.box-lg-nw-two{margin:0 auto;width:502px;font-size: 0.917em;display:block;}
.box-lg-nw-two li{float:left;list-style:none;background:url(images/black-bg.png) repeat;width:125px;height:125px; -webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;margin-right:1px;-webkit-transition: background-color .5s ease-out;  -moz-transition: background-color .5s ease-out;  -o-transition: background-color .5s ease-out;  transition: background-color .5s ease-out;}
.box-lg-nw-two li:last-child{width:376px;height:125px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-bottomleft: 0px;border-bottom-left-radius: 0px;margin-right:0px; -webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomright: 20px;border-bottom-right-radius: 20px;}
.box-lg-nw-two li img{margin: 16px auto 0;display: block;}
.box-lg-nw-two li span{display:block;font-family:robotomedium; color:#fff;font-size:38px;margin: 36px 0 0 40px;}	
.box-lg-nw-two:hover li{background-image:none; background-color:#000;cursor:pointer;}
/*----------------------------------------------------------------------------------------------*/
.login-box{margin:0 auto;width:502px;font-size: 0.917em;display:block;position:relative;z-index:1;background:url(images/black-bg.png) repeat;height:200px; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.login-box .top-input{margin-top:21px}
.login-box input{float:left;margin-left:20px;width:300px;background:none; color:#fff;margin-bottom:10px; padding:5px 5px;border:1px solid #fff;box-shadow:0 0 2px 0px #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-family:robotolight; font-size:25px; 
                  -webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -kthtml-transition: all .2s linear; transition: all .2s linear;}
.login-box input:focus{box-shadow:1px 1px 2px 1px #fff;-webkit-box-shadow:1px 1px 2px 1px #fff;-moz-box-shadow:1px 1px 2px 1px #fff;-ms-box-shadow:1px 1px 2px 1px #fff;-0-box-shadow:1px 1px 2px 1px #fff;-kthtml-box-shadow:1px 1px 2px 1px #fff;}
.login-box span{border:1px solid #fff;box-shadow:0 0 2px 0px #fff;display:block; position:absolute;width:120px; height:120px;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;text-align:center;right: 23px;margin: 39px 0;cursor:pointer; -webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out;}
.login-box span input{cursor:pointer;width:100px; height:100px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;margin: 10px 0px 0px 10px; -webkit-transition: background-color .5s ease-out,box-shadow .5s ease-in-out 0s;
  -moz-transition: background-color .5s ease-out,box-shadow .5s ease-in-out 0s;
  -o-transition: background-color .5s ease-out,box-shadow .5s ease-in-out 0s;
  transition: background-color .5s ease-out,box-shadow .5s ease-in-out 0s;}
.login-box span:hover {background:#000;border:1px solid #000;box-shadow: 0px 0px 2px 0px #000;}
.login-box span input:focus{outline: 0;    outline-style:none; outline-width:0;box-shadow:  0px 0px 4px 0px #FFF inset; background:url(/masterpages/images/new-login-loader3.gif) no-repeat ; color:#fff;-webkit-background-size: 100px 100px;
  -moz-background-size:  100px 100px;
  -o-background-size:  100px 100px;
  background-size:  100px 100px;}
.login-box span input:active{outline: 0;    outline-style:none;    outline-width:0;box-shadow:0 0 0 0; background:#222;}
.login-box span:hover input {background:#222;box-shadow: 0px 0px 4px 0px #FFF inset;color:#fff;}

.newsletter-box{height:265px; margin:0 auto;width:502px;font-size: 0.917em;display:block;position:relative;z-index:1;background:url(images/black-bg.png) repeat;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;padding:10px 0;}
.newsletter-box img{margin:0 auto; width:369px; display:block;}
.newsletter-form{width:314px; margin:3px auto 0;}
.sbt-btn{background:#2ea1d4 !important;color:#fff !important; width:40px !important;margin-left:10px;cursor:pointer; -webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out;}
.sbt-btn:hover{background:#4ab9ea !important;color:#000 !important;}
.capslock-error{width: 352px; height:40px; background:#f44336; text-align: left;color: #FFF;font-size: 14px;display:block;position:fixed; top:41px; right:-362px; font-family:robotomedium; padding-left:10px;line-height:38px;}
.login-error{width: 352px; height:40px; background:#f44336; text-align: left;color: #FFF;font-size: 14px;display:block;position:fixed; top:0px;right:-362px; font-family:robotomedium; padding-left:10px;line-height:38px;}
/*#overlayLogin{width:100%; height:100%; position:fixed;top:0; left:0; background:rgba(0, 0, 0, 1); display:none;}*/
.newsletter-box ul{list-style:none;}
.newsletter-box ul li{width:472px; margin:0 auto 10px;}
.newsletter-box ul li input{ width:465px; background:none; color:#bbb; padding:5px 3px;border:1px solid #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-family:robotolight; font-size:20px;
            -webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -kthtml-transition: all .2s linear; transition: all .2s linear;}
.newsletter-box ul li .first-input{float:left; width:220px;margin-bottom:10px;}
.newsletter-box ul li .second-input{float:right; width:220px;margin-bottom:10px;}
.newsletter-box ul .last-list a{float:left;}
.newsletter-box ul li input:focus{box-shadow:0 0 5px 0px #fff;-moz-box-shadow:0 0 5px 0px #fff;-webkit-box-shadow:0 0 5px 0px #fff;-ms-box-shadow:0 0 5px 0px #fff;-o-box-shadow:0 0 5px 0px #fff;-kthtml-box-shadow:0 0 5px 0px #fff;}
.agreement_txt{position: fixed;z-index: 3;bottom: 0px;width: 100%;text-align: center;background: rgba(0, 0, 0, 0.6);color: #BBB;font-family: robotolight;font-size:13px;height: 40px;}
.agreement_txt a{color:#fff; font-size:15px;}
/*-------------------------------------3d button---------------------------------------------*/
/*****Buttons*****/
.button {
	width: 444px;
	display: block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ie-border-radius: 6px;
	border-radius: 6px;
	padding: .48em .8em;
	text-shadow: rgba(0,0,0,.5) 0px -1px 0px;
	font-size: 18px;
	font-weight: 700;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .15s;
	-webkit-transition-timing-function: ease-in-out;
	cursor: pointer;
	text-decoration: none;
	margin-bottom: 20px;
	font-family:robotolight;
}
.button:active {
	margin-top: 6px;
	/*margin-bottom: 15px;*/
}
.button span {
	vertical-align: middle;
	width: 405px;
display: inline-block;
text-align:center;
}
.icon {
	width: 26px;
	height: 26px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-ie-border-radius: 13px;
	border-radius: 13px;
	background: rgba(0,0,0,.3);
	float: right;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2) inset, 0px 0px 0px 1px rgba(255,255,255,.2);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2) inset, 0px 0px 0px 1px rgba(255,255,255,.2);
	-ie-box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2) inset, 0px 0px 0px 1px rgba(255,255,255,.2);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2) inset, 0px 0px 0px 1px rgba(255,255,255,.2);
	margin-top: -52px;
margin-right: 14px;
}
.arrow {
	margin: 7px 0px 0 8px;
	-webkit-border-style: solid;
	-moz-border-style: solid;
	-ie-border-style: solid;
	border-style: solid;
	border-width:6px 6px 6px 12px;
	width: 0;
	height: 0;
}
/*Blue*/
.lightbg-blue {
	background-color: #64a8a6;
	color: #dafffe;
	-webkit-box-shadow: 0px 0px 0px 1px #4e8381 inset, 0px 0px 0px 2px #74b6b4 inset, 0px 4px 0px 0px #4a7c7b, 0px 5px 0px 0px #355655, 0px 8px 0px 0px rgba(0,0,0,.15);
	-moz-box-shadow: 0px 0px 0px 1px #4e8381 inset, 0px 0px 0px 2px #74b6b4 inset, 0px 4px 0px 0px #4a7c7b, 0px 5px 0px 0px #355655, 0px 8px 0px 0px rgba(0,0,0,.15);
	-ie-box-shadow: 0px 0px 0px 1px #4e8381 inset, 0px 0px 0px 2px #74b6b4 inset, 0px 4px 0px 0px #4a7c7b, 0px 5px 0px 0px #355655, 0px 8px 0px 0px rgba(0,0,0,.15);
	box-shadow: 0px 0px 0px 1px #4e8381 inset, 0px 0px 0px 2px #74b6b4 inset, 0px 4px 0px 0px #4a7c7b, 0px 5px 0px 0px #355655, 0px 8px 0px 0px rgba(0,0,0,.15);
}
.lightbg-blue:hover {
	background-color: #73c2c0;
}
.lightbg-blue:active {
	background-color: #5a9896;
	-webkit-box-shadow: 0px 0px 0px 1px #589391 inset, 0px 0px 0px 2px #65a9a7 inset, 0px 1px 0px 0px #355655, 0px 3px 0px 0px rgba(0,0,0,.15);
	-moz-box-shadow: 0px 0px 0px 1px #589391 inset, 0px 0px 0px 2px #65a9a7 inset, 0px 1px 0px 0px #355655, 0px 3px 0px 0px rgba(0,0,0,.15);
	-ie-box-shadow: 0px 0px 0px 1px #589391 inset, 0px 0px 0px 2px #65a9a7 inset, 0px 1px 0px 0px #355655, 0px 3px 0px 0px rgba(0,0,0,.15);
	box-shadow: 0px 0px 0px 1px #589391 inset, 0px 0px 0px 2px #65a9a7 inset, 0px 1px 0px 0px #355655, 0px 3px 0px 0px rgba(0,0,0,.15);
}
.arrow {
	border-color: transparent transparent transparent #74b6b4;
}
/*white*/
.lightbg-white 
{
    width:100% !important;
	background-color: #e1e1e1 !important;
	color: #303030 !important;
	-webkit-box-shadow: 0px 0px 0px 1px #f9f9f9 inset, 0px 4px 0px 0px #9d9d9d, 0px 5px 0px 0px #c9c9c9, 0px 8px 0px 0px rgba(0,0,0,.15);
	-moz-box-shadow: 0px 0px 0px 1px #f9f9f9 inset, 0px 4px 0px 0px #9d9d9d, 0px 5px 0px 0px #c9c9c9, 0px 8px 0px 0px rgba(0,0,0,.15);
	-ie-box-shadow: 0px 0px 0px 1px #f9f9f9 inset, 0px 4px 0px 0px #9d9d9d, 0px 5px 0px 0px #c9c9c9, 0px 8px 0px 0px rgba(0,0,0,.15);
	box-shadow: 0px 0px 0px 1px #f9f9f9 inset, 0px 4px 0px 0px #9d9d9d, 0px 5px 0px 0px #c9c9c9, 0px 8px 0px 0px rgba(0,0,0,.15);
}
.lightbg-white:hover {
	background-color: #F7F7F7 !important;
}
.lightbg-white:active {
	background-color: #cacaca;
	-webkit-box-shadow: 0px 0px 0px 1px #87977a inset, 0px 1px 0px 0px #63715a, 0px 3px 0px 0px rgba(0,0,0,.15);
	-moz-box-shadow: 0px 0px 0px 1px #87977a inset, 0px 1px 0px 0px #63715a, 0px 3px 0px 0px rgba(0,0,0,.15);
	-ie-box-shadow: 0px 0px 0px 1px #87977a inset, 0px 1px 0px 0px #63715a, 0px 3px 0px 0px rgba(0,0,0,.15);
	box-shadow: 0px 0px 0px 1px #87977a inset, 0px 1px 0px 0px #63715a, 0px 3px 0px 0px rgba(0,0,0,.15);
}
.arrow {
	border-color: transparent transparent transparent #f7f7f7;
}
/*black*/
.lightbg-black {
	background-color: #303030;
	color: #e6e6e6;
	box-shadow: 0px 0px 0px 1px #242424 inset, 0px 0px 0px 2px #3f3f3f inset, 0px 4px 0px 0px #1d1d1d, 0px 5px 0px 0px #242424, 0px 8px 0px 0px rgba(0,0,0,.15);
	-webkit-box-shadow: 0px 0px 0px 1px #242424 inset, 0px 0px 0px 2px #3f3f3f inset, 0px 4px 0px 0px #1d1d1d, 0px 5px 0px 0px #242424, 0px 8px 0px 0px rgba(0,0,0,.15);
	-moz-box-shadow: 0px 0px 0px 1px #242424 inset, 0px 0px 0px 2px #3f3f3f inset, 0px 4px 0px 0px #1d1d1d, 0px 5px 0px 0px #242424, 0px 8px 0px 0px rgba(0,0,0,.15);
	-ie-box-shadow: 0px 0px 0px 1px #242424 inset, 0px 0px 0px 2px #3f3f3f inset, 0px 4px 0px 0px #1d1d1d, 0px 5px 0px 0px #242424, 0px 8px 0px 0px rgba(0,0,0,.15);
}
.lightbg-black:hover {
	background-color: #3f3f3f;
}
.lightbg-black:active {
	background-color: #2a2a2a;
	-webkit-box-shadow: 0px 0px 0px 1px #242424 inset, 0px 0px 0px 2px #3f3f3f inset, 0px 1px 0px 0px #1d1d1d, 0px 3px 0px 0px rgba(0,0,0,.15);
	-moz-box-shadow: 0px 0px 0px 1px #242424 inset, 0px 0px 0px 2px #3f3f3f inset, 0px 1px 0px 0px #1d1d1d, 0px 3px 0px 0px rgba(0,0,0,.15);
	-ie-box-shadow: 0px 0px 0px 1px #242424 inset, 0px 0px 0px 2px #3f3f3f inset, 0px 1px 0px 0px #1d1d1d, 0px 3px 0px 0px rgba(0,0,0,.15);
	box-shadow: 0px 0px 0px 1px #242424 inset, 0px 0px 0px 2px #3f3f3f inset, 0px 1px 0px 0px #1d1d1d, 0px 3px 0px 0px rgba(0,0,0,.15);
}
.lightbg-black .arrow {
	border-color: transparent transparent transparent #3f3f3f;
}
/*-----------------------------------------------------------------------*/
/*---------------------Agreement block or popup starts--------------------------------------------------*/
.agreement-block{display:none;position: fixed;z-index: 1002;height: 320px;width: 660px;padding: 50px 20px 50px 20px;background: #FFF;top: 20%;left: 27%; font-family:robotolight;}
.agreement-block-inner{height: 100%;outline: 0px none;width: 100%;overflow: auto;}
.agreement-block-inner h2{position: fixed;margin-top: -42px;}
.agreement-overlay{height:100%;width:100%;background:#000; opacity:0.5;display:none;position: fixed;z-index: 1001;top:0; left:0;}
.btnAgree{text-align: center;margin-top: 15px;}
.btnAgree img{cursor:pointer;}
.close-agreement{background:#303030;color: #cbcbcb;font-size: 25px;border: medium none;position: absolute;padding: 0px 10px;border-radius: 70px; -moz-border-radius: 70px; -webkit-border-radius: 70px; -o-border-radius: 70px; -ie-border-radius: 70px;margin: -68px 0px 0px 660px;cursor: pointer;}

/*---------------------Agreement block or popup starts--------------------------------------------------*/
.visit-site{position: absolute;margin-left: 13%;bottom: 40px;height: 88px;}
.visit-site a{float:left;color:#fff;background:rgba(0, 0, 0, .6); font-family: robotolight;  text-decoration: none; font-size:20px;padding:0px 20px; border-top-left-radius:10px; border-top-right-radius:10px;-webkit-transition:.5s ease-out;  -moz-transition:.5s ease-out;  -o-transition: .5s ease-out;  transition: .5s ease-out;
               -moz-border-top-left-radius:10px; -moz-border-top-right-radius:10px;
                -khtml-border-top-left-radius:10px; -khtml-border-top-right-radius:10px;
                 -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;
                  -ie-border-top-left-radius:10px; -ie-border-top-right-radius:10px;
                  height:38px;line-height:38px;
              }
.visit-site a:hover{text-shadow: 0px 0px 8px #fff;}

/*********************************************************************************************/
.body-bg {    
    -webkit-animation: bg-move 8s ease-in-out infinite alternate;
    animation: bg-move 8s ease-in-out infinite alternate;
    -moz-animation: bg-move 8s ease-in-out infinite alternate;
    -ms-animation: bg-move 8s ease-in-out infinite alternate;
    -o-animation: bg-move 8s ease-in-out infinite alternate;

}

@-webkit-keyframes bg-move {
    0% { -webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
    100% {-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);transform: scale(1.02); }
}

@keyframes bg-move {
    0% {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
    100% {-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);transform: scale(1.02); }
}
@-moz-keyframes bg-move {
    0% { -webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
    100% {-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);transform: scale(1.02);  }
}

@-ms-keyframes bg-move {
    0% {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
    100% {-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);transform: scale(1.02); }
}
@-o-keyframes bg-move {
    0% { -webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
    100% {-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);transform: scale(1.02);  }
}

/*********************************************************************************************/


 @media screen and (max-width: 1024px) { /* Specific to this particular image */
  .body-bg {left: 50%; margin-left: -512px;   /* 50% */  }
}
@media only screen and (min-width : 320px) and (max-width : 500px)     
     {
         .logo-opteli {top:10px;}
         .container {position:absolute;top:20px;}
         .box-lg-nw-one {width:271px;}
         .box-lg-nw-one li {width:70px; height:70px;}
         .box-lg-nw-one li:last-child {width: 200px; height: 70px;}
         .box-lg-nw-one li img {width:58%;}
         .box-lg-nw-one li span {font-size: 20px;margin: 19px 0px 0px 20px;}
         .box-lg-nw-two {width:271px;}
         .box-lg-nw-two li {width:70px; height:70px;}
         .box-lg-nw-two li:last-child {width: 200px; height: 70px;}
         .box-lg-nw-two li img {width:58%;}
         .box-lg-nw-two li span {font-size: 20px;margin: 19px 0px 0px 20px;}
         /*-----------------------------Login--------------------------------*/
         .login-box {width:271px;padding-top:15px;height:305px;}
         .login-box .top-input {margin-top:0;}
         .login-box input {width:231px;font-size:20px; float:none; margin:15px auto 0; display:block;}
         .login-box span {margin: 15px auto 0;position: static;}
          /*----------------------------Newsletter---------------------------------*/
          .newsletter-box {width:271px;height:312px;}
          /*.newsletter-box img {width:250px;}
          .newsletter-form {width: 250px;}
          .newsletter-box input {width:187px;}*/
          .newsletter-box ul li input{width:240px;}
          .newsletter-box ul li {width:248px;}
          .newsletter-box ul li .first-input{float:left;width:240px;}
          .newsletter-box ul li .second-input{float:left;width:240px;}          
          .button span {width:180px;}
          .button {font-size:16px; font-weight:normal;width:221px}
          .lightbg-white{font-size:15px !important; width:100% !important; }
     }
@media only screen and (min-width : 501px) and (max-width : 767px)     
     {.container {position:absolute; top:75px;}
      .box-lg-nw-one {width:446px;}
      .box-lg-nw-two {width:446px;}
      .box-lg-nw-one li:last-child {width: 320px;}
      .box-lg-nw-two li:last-child {width: 320px;}
      .box-lg-nw-two li span {font-size:31px;margin: 40px 0px 0px 40px;}
      .box-lg-nw-one li span {font-size:31px;margin: 40px 0px 0px 40px;}
       /*-----------------------------Login--------------------------------*/
         .login-box {width:446px;padding-top:15px;height:322px;}
         .login-box .top-input {margin-top:0;}
         .login-box input {float:none; margin:15px auto 0; display:block;}
         .login-box span {margin: 15px auto 0;position: static;}
       /*----------------------------Newsletter---------------------------------*/
         .newsletter-box {width:446px;height:312px;}
         .newsletter-box ul li input{width:400px;}
          .newsletter-box ul li {width:408px;}
          .newsletter-box ul li .first-input{float:left;width:400px;}
          .newsletter-box ul li .second-input{float:left;width:400px;}
          .button span {width:345px;}
          .button {font-size:16px; font-weight:normal;width:383px}
     }
@media only screen and (max-height : 440px)
{
    .logo-opteli {top:10px;}
    .container {top:20px;}
    }
@media only screen and (min-width : 768px) and (max-width : 1023px){
    .agreement-block {top: 7%;left: 5%;}
    }
@media only screen and (max-width : 767px){
    .agreement-block {top: 7%;left: 4%;width: 256px;}
    .agreement-block-inner h2 {width: 256px;font-size: 20px;}
    .close-agreement {margin: -68px 0px 0px 256px;}
    }