/* 
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */

.clear-fix:after {
    content: "";
    display: table;
    clear: both;
}
.pos-relative{position:relative;}/* Position Relative */	
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
@font-face {
    font-family: 'bebasregular';
    src: url('../fonts/BEBAS___-webfont.eot');
    src: url('../fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BEBAS___-webfont.woff') format('woff'),
         url('../fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('../fonts/BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'desyrelregular';
    src: url('../fonts/desyrel-webfont.eot');
    src: url('../fonts/desyrel-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/desyrel-webfont.woff') format('woff'),
         url('../fonts/desyrel-webfont.ttf') format('truetype'),
         url('../fonts/desyrel-webfont.svg#desyrelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?-cm51ho');
    src:url('../fonts/icomoon.eot?#iefix-cm51ho') format('embedded-opentype'),
    url('../fonts/icomoon.woff?-cm51ho') format('woff'),
    url('../fonts/icomoon.ttf?-cm51ho') format('truetype'),
    url('../fonts/icomoon.svg?-cm51ho#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Enable Ligatures ================ */
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-mobile:before {
    content: "\e000";
}

.icon-pictures:before {
    content: "\e010";
}

.icon-video:before {
    content: "\e011";
}

.icon-adjustments:before {
    content: "\e01d";
}

.icon-megaphone:before {
    content: "\e021";
}

.icon-linegraph:before {
    content: "\e039";
}

.icon-display:before {
    content: "\e956";
}

.icon-rocket:before {
    content: "\e9a5";
}

.icon-chrome:before {
    content: "\eae5";
}

.icon-cross:before {
    content: "\e900";
}

body{
	font-family: 'open_sansregular';
	background:#353535;
}

.hidden {
    display:none;
}

/*----start-wrap------*/
.wrap{
	width:70%;
	margin:0 auto;
}
/*----start-header----*/
.header{
	min-height: 600px;
    position: relative;
    overflow: hidden;
}

.header:before{
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    z-index: -1;
    background: url(../images/bg1.jpg) 0 0 repeat;
    -webkit-transform: rotate(-18deg);
    -moz-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    -o-transform: rotate(-18deg);
    transform: rotate(-18deg);
    filter: blur(6px);
    -ms-filter:blur(6px);
    -moz-filter:blur(6px);
    -webkit-filter: blur(6px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
}

.header .wrap{
    position:relative;
    z-index:1;
}

.header.blur-more:before{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    filter: blur(24px);
    -ms-filter:blur(24px);
    -moz-filter:blur(24px);
    -webkit-filter: blur(24px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='24');
}

.header-overlay{
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    background:rgba(0,0,0,0.2);
}
.logo {
	margin-bottom: 1.5em;
	display: block;
}
.logo img {
    max-width:100%;
}
.header-left{
	width: 40%;
	float: left;
	margin-top: 8.5em;
}
.header-left p{
	font-size: 1.5em;
	color: #FFF;
	width: 68%;
	font-family: 'open_sansregular';
	margin-left: 12px;
    text-shadow: 0px 5px 24px #000;
}

.header-terms{
    min-height:100px !important;
}

.header-terms .header-left{
    margin-top:4em;
}

.donation-btn{
    padding:2em;
}

.app-avialable {
	margin-top: 1.5em;
	margin-left: 12px;
}
.app-avialable li{
	display: block;
}
.app-avialable li span{
    padding-left:20px;
    line-height:20px;
}
.app-avialable li a i{
    font-size: 25px;
    position: absolute;
    left:20px;
}

.app-avialable li a,.app-avialable li a:visited{
    position: relative;
    text-align: center;
    color:#fff;
    width:200px;
	display:block;
	opacity: 0.7;
    background:#000;
    padding: 1em;
    margin-bottom: 20px;
    border-radius: 15px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;;
	-o-transition:0.5s all;
}
.app-avialable li a:hover{
	opacity:1;
    background:#cd201f;
}
.apple{
	background: url(../images/bsprit.png) no-repeat -1px 0px;
}
.and{
	background: url(../images/bsprit.png) no-repeat -69px 0px;
}
.win{
	background: url(../images/bsprit.png) no-repeat -136px 0px;
}
/*---*/
.header-right{
    position:absolute;
	width: 63%;
	background: url(../images/laptop.png) no-repeat 100% 102%;
	height: 600px;
    background-size: 100%;
    right:0;
}

#termsPage a, #privacyPage a{
    color:#fff;
}



/*----//End-wrap------*/
/*---start-welcome-note-----*/
.welcome-note{
	text-align:center;
}
.welcome-note h2{
	font-size:2em;
	color: #fff;
	font-family: trebuchet ms,'open_sansregular';
	font-weight: 900;
	margin: 1.5em 0 0.5em 0;
}
.welcome-note p{
	color: #dedede;
	line-height: 1.5em;
	font-size: 1.1em;
}
/*---End-welcome-note-----*/
/*---start-content----*/
.top-grids {
	margin: 5em 0;
	position:relative;
}
.top-grid1{
	margin-top: 2em;
	padding-top: 2em;
	position:relative;
}
.top-grid1 .line{
	background: #ECECEC;
	height: 1px;
	display: block;
	position: absolute;
	top: -16px;
	width: 94%;
}
.top-grid{
	width: 31.9%;
	float: left;
	margin-right: 2%;
	text-align: center;
	border-right: 1px solid #ECECEC;
	padding-bottom: 3em;
}
.top-grid:nth-child(3),.top-grid:nth-child(6){
	margin-right:0px;
	border-right:0;
}
.top-grid span.icon{
    font-family: 'icomoon';
    font-weight: normal;
	width: 53px;
	height: 53px;
    font-size: 40px;
    color:#ccc;
	display: inline-block;
	padding: 0px;
	text-align: center;
    filter:grayscale(1);
    -webkit-filter:grayscale(1);
}
.top-grid  span{
	font-size: 1.5em;
	color: #fff;
	font-family: trebuchet ms,'open_sansregular';
	font-weight: 700;
	padding: 0.5em 0 0.6em 0;
	display: block;
}
.top-grid p{
	color: #dedede;
	line-height: 1.6em;
	font-size: 0.9em;
	width: 87%;
	margin: 0 auto;
}
/*---start-about----*/
.about-grids{
	background:#302F2F;
	padding:3em 0 3em 0;
    overflow:hidden;
}
.about-left-grid{
	float: left;
	width: 50%;
}
.about-right-grid{
	float:right;
	width:43%;
	margin-top:2.2em;
}
.about-right-grid iframe{
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-o-border-radius:0.5em;
}
.about-left-grid h3{
	font-size: 2em;
	color: #fff;
	font-family: trebuchet ms,'open_sansregular';
	font-weight: 700;
	padding: 0.5em 0 0.6em 0;
	display: block;
}
.about-left-grid p,.about-left-grid a{
	color: #dedede;
	line-height: 1.6em;
	font-size: 1.09em;
	margin-bottom: 0.8em;
}
.about-left-grid ul{
	margin-left:1em;
}
.about-left-grid ul li{
	margin-bottom:0.3em;
}
.about-left-grid ul li a span{
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/bsprit.png) no-repeat 0px -111px;
	vertical-align: middle;
    filter:invert(1);
    -webkit-filter:invert(1);
}
.about-left-grid a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;;
	-o-transition:0.5s all;
}
.about-left-grid a:hover{
	color:#3598DB;
}

.screenshots .slider-mask{
    /*overflow:visible;*/
}

.screenshots .slider-mask-wrap{
    margin:0;
}

.screenshots .slider-target li:not(.current){
    overflow: hidden;
}

.screenshots .selector li{
    padding-top:1em;
}

.slider-target .instance-1{
    position: relative;
    left: -0px;
    width: 3510px;
}

.slider-target .instance-1 li{
    width: 1170px;
}

/*--text-slider--*/
.test-monials-grids{
	padding: 4em 0 3.5em 0;
}
.test-monials {
	background: rgba(245, 245, 245, 0.34);
	border-bottom: 1px solid rgba(54, 59, 63, 0.07);
	padding-bottom: 3px;
}
.test-monials h3{
	font-size: 2em;
	color: #fff;
	margin-bottom: 0px;
	text-align: center;
	font-family: 'bebasregular';
}
.test-monials h3 span{
	color:#fff;
}
.slider {
    position: relative;
    zoom: 1;
}
.slider-nav {
    position: absolute;
    zoom: 1;
    width: 100%;
    top: 0;
    left: 0;
}
.arrow {
    width: 42px;
    height: 175px;
    position: absolute;
    zoom: 1;
    top: 0;
}
.arrow span {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.arrow.disabled {
    opacity: 0.3;
    cursor: default;
}
.arrow-left {
    left: 0;
}
.arrow-right {
    right: 0;
}
.slider-mask-wrap {
    margin: 0 0px;
}
.slider-mask {
    overflow: hidden;
    position: relative;
    zoom: 1;
}
.slider-target {
    width: 2000px;
    margin: 0 auto;
    will-change: left;
}
.slider ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.slider li {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}
.slider .inner p{
    padding: 10px;
	height:80%;
	width:80%;
	font-size: 1.2em;
	color: #dedede;
	display: block;
	text-align: center;
	margin: 0 auto;
	line-height: 1.5em;
	font-family: 'open_sansregular';
}
.test-auther {
	text-align: center;
	margin-top: 0em;
	padding-top:0em;
}
.test-auther p a{
	font-size:1.4em;
	color: #232323;
	font-family: 'desyrelregular';
	font-weight: 900;
	text-align: center;
	margin-bottom: 0.8em;
    filter:invert(1);
    -webkit-filter:invert(1);
}
.test-auther p label{
	font-size: 0.875em;
	line-height: 1.5em;
	color: #5c5c5c;
	 font-family: 'open_sansregular';
}
.examples{
   padding: 0em 0 1em 0;
}
#menu span {
    white-space: nowrap;
}
.selector  {
	text-align: center;
	margin-top: 1em;
}
/* selector styling */
.selector a {
	display: block;
	width: 14px;
	height:14px;
	background: #212121;
    border-radius: 50%;

}
.selector a.current {
    background: #dedede;
}
.selector ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
.selector li {
	display: inline-block;
	margin-right: 10px;
}

#menu span {
    white-space: nowrap;
}
/*---End-test-monials---*/
/*---End-test-monials---*/

/*Pricing table and price blocks*/
.pricing-plans{
    position:relative;
    background:#302F2F;
	padding: 3em 0 2em 0;
}

.pricing-plans-bottom{
    background:#353535;
    height:5em;
    width:100%;
    position:absolute;
    bottom:0;
    z-index: 1;
}
.pricing-plans-head h3{
	font-size: 2em;
	color: #fff;
	font-family: trebuchet ms,'open_sansregular';
	font-weight: 900;
	text-align:center;
	margin-bottom:0.8em;
}
.pricing-plans-head p{
	color: #dedede;
	line-height: 1.5em;
	font-size: 1em;
	text-align:center;
}

.pricing-plans .wrap {
    z-index:2;
    position:relative;
}

/*----*/
.pricing-grids {
	margin-top: 3em;
}
.pricing-grid{
	width: 32.8%;
	float: left;
	background: #dedede;
	text-align: center;
	margin-right: 0.1em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.pricing-grid.hover:hover {
	box-shadow: 0 0 0px 2px #fff;
	-webkit-transform: scale(1.04) translateY(-5px);
	z-index: 1;
	border-bottom: 0 none;
}
.pricing-grid:nth-child(4){
	margin-right:0;
}
.pricing-grid h3, .pricing-feature-heading{
	padding: 0.3em 1em;
	display: block;
	color: #FFF;
	font-family: 'open_sansregular';
	font-size: 1.8em;
}
.pricing-grid h3 {
    background: #292929;
}
.price-value a{
	font-size:3em;
	color: #292929;
	font-family: 'bebasregular';
}
.price-value {
	padding: 0.9em 0 0.5em 0;
}
.price-value a span{
	font-size: 0.6em;
	vertical-align: top;
}
.pricing-grid ul li a, .pricing-grid ul li span{
	color: #292929;
	line-height: 1.5em;
	font-size: 1.1em;
	text-align: center;
	border-top: 1px solid #292929;
	display: block;
	padding: 0.5em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;;
	-o-transition:0.5s all;
}

.pricing-grid.premium .cart {
    background:#cd201f;
}

.pricing-grid.premium h3 {
    background:#212121;
}

.cart{
	background: #292929;
	padding:2em 1em;
	display: block;
	color: #FFF;
	font-family: trebuchet ms,'open_sansregular';
}
.cart a, .cart span{
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 0.3em 1em;
	font-weight: 400;
	font-family: 'open_sansregular';
}

.pricing-features{
    background:#302F2F;
}

.pricing-features h3, .pricing-features .price-value  {
    visibility: hidden;
}
.pricing-features .cart{
    display: none;
}

.pricing-features li{
    background: #dedede;
}

/*----*/
/*------------pricing-tabels--------------------*/
/*----start-social-icons-----*/
.social-icons{
	margin: 2em 0 4em 0;
}
.social-icons h3{
	font-size: 2em;
	color: #fff;
	font-family: trebuchet ms,'open_sansregular';
	font-weight: 900;
	text-align: center;
	margin-bottom: 0.3em;
}
.social-icons p{
	color: #dedede;
	line-height: 1.5em;
	font-size: 1.1em;
	text-align: center;
}
.social-icons ul li{
	display:inline-block;
}
.social-icons ul li a{
	height: 40px;
	width: 40px;
	display: block;
	border-radius: 30em;
}
.social-icons ul{
	text-align:center;
	margin-top: 2em;		
}
.twitter{
	background: url(../images/bsprit.png) no-repeat 5px 7px #292929;
}
.twitter:hover{
	background: url(../images/bsprit.png) no-repeat 5px 7px #212121;
}
.facebook{
	background: url(../images/bsprit.png) no-repeat -39px 6px #292929;
}
.facebook:hover{
	background: url(../images/bsprit.png) no-repeat -39px 6px #212121;
}
.pin{
	background: url(../images/bsprit.png) no-repeat -83px 6px #292929;
}
.pin:hover{
	background: url(../images/bsprit.png) no-repeat -83px 6px #212121;
}
.googlepluse{
	background: url(../images/bsprit.png) no-repeat -127px 7px #292929;
}
.googlepluse:hover{
	background: url(../images/bsprit.png) no-repeat -127px 7px #212121;
}
.in{
	background: url(../images/bsprit.png) no-repeat -171px 6px #292929;
}
.in:hover{
	background: url(../images/bsprit.png) no-repeat -171px 6px #212121;
}
.youtube{
	background: url(../images/bsprit.png) no-repeat -214px 8px #292929;
}
.youtube:hover{
	background: url(../images/bsprit.png) no-repeat -214px 8px #212121;
}
.tum{
    background: url(../images/bsprit.png) no-repeat -252px 6px #292929;
}
.tum:hover{
    background: url(../images/bsprit.png) no-repeat -252px 6px #212121;
}
/*----//End-social-icons-----*/

/* COOKIES */
.cookie-header {
    color: #FFFFFF;
    font-size: 18px;
}
.cookie-text {
    color: #dedede;
    float:left;
    width:420px;
    margin-top:7px;
}

.cookie-buttons-wrap{
    float:left;
    width:400px;
    margin-left:20px;
}

.cookie-buttons {
    float:left;
    font-size: 16px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(35, 35, 35, 0.9);
    border-radius: 10px 10px 10px 10px;
    color: #dedede;
    cursor: pointer;
    display: block;
    line-height: 20px;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    margin-left:50px;
}

.cookie-buttons:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color:#fff;
}

.cookie-wrap{
    left:0px;
    top:0px;
    right:0px;
}

.cookie-wrap > div {
    padding: 8px;
}

.cookie-main{
    width: 960px;
    margin: 0px auto;
    font-size: 12px;
    height: 46px;
}

.cookie-more{
    float: left;
    color: #ccc;
    margin-left: 30px;
    text-decoration: none;
}
.cookie-more:hover{
    text-decoration: underline;
}

.cookie-table {
    font-size:15px;
    margin-bottom:30px;
    background: #292929;
    padding:10px;
    width: 100%;
}

.cookie-table-colA {
    width: 17%;
    text-align: center;
    vertical-align: middle;
}

.cookie-table-colB {
    width: 48%;
    text-align: center;
    vertical-align: middle;
}

.cookie-table-colC {
    width: 35%;
    text-align: center;
    vertical-align: middle;
}

.cookie-table tr{
    padding: 0 5px;
}

.cookie-table tr td{
    padding:5px;
    border:1px solid #212121;
}

.cookie-table .center-top {
    text-align: center;
    vertical-align: top;
}

.cookie-table h4 {
    text-align: center;
}

/*-------------------*/
/*---start-pricing-tabels-----*/
.payment-online-form-left{
}
.payment-online-form-left h4{
	font-size: 1.8em;
	color: #222222;
	padding: 0.5em 0;	
}
.payment-online-form-left span{
	vertical-align: middle;
	margin-right: 5px;
}
.payment-online-form-left form{
	padding:0 3%;
}
.payment-online-form-left input[type="text"]{
	padding: 1em 1em;
	font-family: 'open_sansregular';
	color: #9095AA;
	width: 42%;
	margin: 0.5em 0;
	border: 1px solid;
	outline: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	float: left;
	font-size: 0.9em;
	border-color: #EEE;
}
.payment-online-form-left input[type="text"]:hover{
	border-color:#3598DB;
}
.text-box-dark{
}
.text-box-light{
	background: url(../images/calender.png) no-repeat 95% 50%;
	cursor:pointer;
	position: relative;
}
.payment-online-form-left ul li:first-child input[type="text"]{
	margin-right: 5%;
}
.payment-online-form-left  input[type="text"]:active, .payment-online-form-left input[type="text"]:hover {
	border-color:#999 ;
	color: #3598DB;
}
.shipping{
	width: 32px;
	height: 32px;
	display: inline-block;
	background: url(../images/bsprit.png) no-repeat -121px -198px;
}
.payment{
	width: 32px;
	height: 32px;
	display: inline-block;
	background: url(../images/bsprit.png) no-repeat -162px -198px;
}
.payment-date-section{
	background: url(../images/calender.png) no-repeat #fff 50%;
}
.payment-sendbtns{
	float:right;
	margin: 2em 0 3.5em;
}
.payment-sendbtns input[type="reset"]{
	background:#3598DB;
	padding: 0.7em 1em;
	font-family: 'Open Sans', sans-serif;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: 1.2em;
	display: block;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	outline:none;
}
.payment-sendbtns input[type="reset"]:hover{
	color:#FFF;
	background:#222222;
}
.payment-sendbtns input[type="submit"]{
	background:#222222;
	padding: 0.7em 1em;
	font-family: 'Open Sans', sans-serif;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 1.2em;
	display: block;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	outline:none;
}
.payment-sendbtns input[type="submit"]:hover{
	color:#eee;
	background:#3598DB;
}
.payment-sendbtns li{
	display:inline-block;
}
.payment-type li{
	display:inline-block;
}
.payment-online-form-right{
	background: #2B2937;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #1A1822;
}
/*---start-checkbox----*/
input[type=checkbox].css-checkbox1,input[type=checkbox].css-checkbox2{
	display: none;
}
input[type=checkbox].css-checkbox1 + label.css-label1 {
	height: 20px;
	width:21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: super;
	cursor: pointer;
	background: url(../images/bsprit.png) no-repeat -204px -203px;
}
input[type=checkbox].css-checkbox1:checked + label.css-label1 {
	background: url(../images/bsprit.png) no-repeat -224px -203px;
}
input[type=checkbox].css-checkbox2 + label.css-label2 {
	height: 20px;
	width: 23px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: -20px 0px;
	vertical-align: super;
	cursor: pointer;
	background: url(../images/bsprit.png) no-repeat -224px -203px;
}
input[type=checkbox].css-checkbox2:checked + label.css-label2 {
	background: url(../images/bsprit.png) no-repeat -204px -203px;
}
.visa{
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../images/bsprit.png) no-repeat -39px -198px;
}
.paypal{
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../images/bsprit.png) no-repeat -80px -198px;
}
.payment-online-form-right{
	float: right;
	width: 30%;
	background: #2B2937;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 4px solid #1A1822;
	padding-bottom: 2em;
}
.payment-online-form-right a{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.payment-online-form-right a:hover{
	color:#1ABC9C;
}
.payment-online-form-right ul li{
	display:block;
	padding: 0.5em;
}
.payment-online-form-right ul li a{
	color:#9095AA;
}
.payment-online-form-right h4{
	color: #FFF;
	font-size: 1em;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(144, 149, 170, 0.22);
	padding: 0.8em;
}
.payment-online-form-right ul {
	padding: 0px 1em;
}
.payment-online-form-right h5{
	color: #FFF;
	padding: 0.5em 0.8em 0.4em;
	font-size: 1em;
}
.payment-type {
	border-top: 1px solid rgba(144, 149, 170, 0.22);
	margin-top: 1.5em;
}
input[type=checkbox].css-checkbox3,input[type=checkbox].css-checkbox4,input[type=checkbox].css-checkbox5,input[type=checkbox].css-checkbox6{
	display: none;
}
input[type=checkbox].css-checkbox3 + label.css-label3 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 -38px;
	vertical-align: middle;
	cursor: pointer;
	background-image: url(../images/filter-bg.png);
}
input[type=checkbox].css-checkbox3:checked + label.css-label3 {
	background-position: 0px 0px;
}
input[type=checkbox].css-checkbox4 + label.css-label4 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	vertical-align: middle;
	cursor: pointer;
	background-image: url(../images/filter-bg.png);
}
input[type=checkbox].css-checkbox4:checked + label.css-label4 {
	background-position: 0px -38px;
}
input[type=checkbox].css-checkbox5 + label.css-label5 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 -38px;
	vertical-align: middle;
	cursor: pointer;
	background-image: url(../images/filter-bg.png);
}
input[type=checkbox].css-checkbox5:checked + label.css-label5 {
	background-position: 0px 0px;
}
input[type=checkbox].css-checkbox6 + label.css-label6 {
	height: 22px;
	width: 21px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	vertical-align: middle;
	cursor: pointer;
	background-image: url(../images/filter-bg.png);
}
input[type=checkbox].css-checkbox6:checked + label.css-label6 {
	background-position: 0px -38px;
}
/*-----*/

/* start state */
.my-mfp-zoom-in #small-dialog1 {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready #small-dialog1 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing #small-dialog1{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}
/* start state */
#small-dialog2{
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 400px;
	margin: 40px auto;
	position: relative;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
}
/*----*/
.my-mfp-zoom-in #small-dialog2{
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready #small-dialog2 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing #small-dialog2{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}
.pop_up p a{
	font-size: 1em;
	color: #555555;
	line-height: 1.8em;
}
/*---start-color-changer-----*/
#colorchanger {
	position: absolute;
	top: 20%;
	position: fixed;
}
#colorchanger {
	 float:right; 
	}
.colorbox { 
	width: 30px;
	height: 30px;
	border-left:0px;
	margin: 1px;
	cursor: pointer;
	display: block;
}
.colorblue { 
	background-color: #2780BB;
}
.colororange {
	 background-color:#F69C3A; 
}
.colorgreen {
	 background-color:#78A848;
}
/*---//End-color-changer-----*/
/*---start-footer-----*/
.footer{
	background: #302F2F;
	padding: 2em 0 1em 0;
	text-align: center;
}
.footer ul li{
	display:inline-block;
}
.footer ul li a{
	color: #dedede;
	line-height: 1.5em;
	font-size: 0.99em;
	text-align: center;
	margin-right: 2em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;;
	-o-transition:0.5s all;
}
.copy-right a{
	color: #dedede;
	line-height: 1.5em;
	text-align: center;
	margin-right: 1em;
    margin-left: 1em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;;
	-o-transition:0.5s all;
}
.footer ul li a:hover,.copy-right a:hover{
	text-decoration: underline;
}
.copy-right{
	color: #dedede;
	line-height: 1.5em;
	font-size: 0.9em;
	text-align: center;
	margin-right: 0.6em;
	margin-top: 1.5em;
    opacity:0.3;
}
/* Magnific Popup CSS */
.pop_up {
}
.mfp-bg {
  font-family: 'open_sansregular';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background:rgba(11, 11, 11, 0.29);
  opacity: 0.9;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width:32px;
  height:32px;
  line-height: 44px;
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  background: url(../images/bsprit.png) no-repeat -7px -231px;
  font-style: normal;
  font-size: 0;
  outline:none;
 }
  .mfp-close:hover, .mfp-close:focus {
      width:32px;
	  height:32px;
	  line-height: 44px;
	  position: absolute;
	  right: 10px;
	  top: 10px;
	  text-decoration: none;
	  text-align: center;
	  opacity: 0.65;
	  padding: 0 0 18px 10px;
	  background: url(../images/bsprit.png) no-repeat -44px -231px;
	  font-style: normal;
	  font-size: 0;
	  outline:none;
  }
  .mfp-close:active {
    top:10px; }

.mfp-close-btn-in .mfp-close {
  color: #3598DB; }
.mfp-close-btn-in .mfp-close:hover{
	color:red;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; 
  outline:none;
 }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-break: break-word;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }
/******** Plans List *******/
/* Styles for dialog window */
#small-dialog {
	background: white;
	padding:20px;
	text-align: left;
	max-width: 700px;
	margin: 40px auto;
	position: relative;
	border-radius: 2px;
}
/**

/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in #small-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready #small-dialog {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing #small-dialog{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
   opacity: 0.9;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg{
   opacity: 0;
}
/* pop_up */
.pop_up h2{
	text-transform: capitalize;
	font-size: 1.5em;
	color: #202227;
	margin-bottom: 2%;
}
.pop_up p{
	font-size: 1em;
	color: #555555;
	line-height: 1.8em;
}
#small-dialog1{
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 400px;
	margin: 40px auto;
	position: relative;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
}


/* FEEDBACK */

.feedback-container{
    min-height: 500px;
    max-width: 950px;
    margin: 0 auto;
}

.feedback-left{
    width:300px;
    float:left;
}

.feedback-right{
    width: calc(100% - 350px);
    float:right;
    position:relative;
}

.feedback-right fieldset{
    border: 0;
}

.feedback-title{
    margin-top: 30px;
    margin-bottom: 20px;
    color: #dedede;
}

.delete-post {
    display: none;
}

.delete-post-comment {
    display: none;
}

#post-category{
    margin-top:10px;
    width:300px;
    height:20px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(35, 35, 35, 0.9);
    border-radius: 10px 10px 10px 10px;
    padding:10px 15px;
    color: #CCC;
}
#post-subject{
    margin-top:10px;
    width:270px;
    height:20px;
    background: none repeat scroll 0 0 #212121;
    border: 1px solid #212121;
    border-radius: 10px 10px 10px 10px;
    padding:10px 15px;
    color: #dedede;
    outline:none;
    box-sizing:content-box;
    font-size: 80%;
    font-family: 'open_sansregular', Arial, sans-serif;
}

#post-subject:active, #redeem-code:active, #post-subject:focus, #redeem-code:focus{
    border: 1px solid #212121;
}

#post-text{
    margin-top:10px;
    width:270px;
    min-height: 250px;
    background: none repeat scroll 0 0 #212121;
    border: 1px solid #212121;
    border-radius: 10px 10px 10px 10px;
    padding:10px 15px;
    color: #dedede;
    outline:none;
    resize: vertical;
    box-sizing:content-box;
    font-size: 80%;
    font-family: 'open_sansregular', Arial, sans-serif;
}

#post-text:active,#post-text:focus{
    border: 1px solid #212121;
}

#post-submit{
    margin-top:10px;
    width:300px;
    background: none repeat scroll 0 0 #212121;
    border: 1px solid #212121;
    border-radius: 10px 10px 10px 10px;
    color: #CCC;
    cursor: pointer;
    display: block;
    line-height: 20px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    font-size: 110%;
    margin-bottom:40px;
}
#post-submit:hover{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color:#fff;
}

.feedback-posts{
    width: calc(100% - 40px);
    background: none repeat scroll 0 0 #212121;
    border-radius: 10px 10px 10px 10px;
    padding:10px 20px;
    color: #dedede;
    margin-top:10px;
    min-height:405px;
    margin-bottom:30px;
    font-size: 90%;
}

.feedback-categories{
    position:absolute;
    right:0;
    top:25px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.feedback-categories input[type="radio"]{
    -webkit-appearance:none;
    display:none;
    padding:0;
    margin:0;
}
.feedback-categories input[type="radio"]+label{
    display:inline-block;
}
.feedback-categories input[type="radio"]+label span{
    display: block;
    line-height:35px;
    color:#dedede;

    border: 1px solid #212121;
    background: none repeat scroll 0 0 #212121;
}

.feedback-categories input[type="radio"]+label span{
    padding: 0 10px;
}

.feedback-categories input[type="radio"]+label.f-bugs span{
    border-radius: 10px 0px 0px 10px;
    margin-right: -5px;
}

.feedback-categories input[type="radio"]+label.f-features span{
    border-radius: 0px 10px 10px 0px;
    margin-left: -5px;
}

.feedback-categories input[type="radio"]:checked+label{
    background-position: left -60px;
}

.feedback-categories input[type="radio"]:checked+label span{
    background: #292929;
    color: #fff;
    border: 1px solid #212121;
}

.pages{
    position: absolute;
    bottom: 40px;
    right: 20px;
    color:#dedede;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.post{
    border-bottom: 1px dashed rgba(255,255,255,0.2);
    padding-bottom: 30px;
    margin-bottom: 25px;
}

.post-subject, .no-feedback{
    font-weight: bold;
    font-size: 110%;
    color:#dedede;
}

.post-meta{
    color: #999;
    font-size:90%;
}

.post-author{
    color: #dedede;
}

.post-text{
    margin-top: 10px;
    margin-left: 55px;
    word-wrap: break-word;
}

.comment-btn{
    float:right;
    margin-right:20px;
    margin-top:5px;
    font-size:95%;
    font-weight: bold;
    cursor: pointer;
    color:#dedede;
}

.comment-btn:hover{
    color:#fff;
}

.write-comment{
    display:none;
    margin-top:30px;
    margin-left: 40px;
    position:relative;
}

.write-comment.active{
    display:block;
}
.new-comment-text{
    width:calc(100% - 80px);
    font-size: 90%;
    min-height: 50px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(35, 35, 35, 0.9);
    border-radius: 10px 10px 10px 10px;
    padding:10px 15px;
    color: #dedede;
    outline:none;
    resize: vertical;
}

.post-new-comment{
    margin-top:5px;
    position:absolute;
    right:90px;
    font-size:95%;
    font-weight: bold;
    cursor: pointer;
    color:#dedede;
}

.post-new-comment:hover{
    color:#fff;
}

.post-comments{
    margin-top:30px;
    padding-left:40px;
}

.comment{
    margin-bottom: 20px;
}

.comment-author{
    color: #bbb;
}

.comment-text{
    margin-top:2px;
    text-shadow: 2px 1px 5px black;
    margin-left: 55px;
    word-wrap: break-word;
}

.next{
    font-size:95%;
    font-weight: bold;
    cursor: pointer;
    color:#999;
    margin-left:10px;
}

.prev{
    font-size:95%;
    font-weight: bold;
    cursor: pointer;
    color:#999;
    margin-right:10px;
}

.prev:hover, .next:hover{
    color:#fff;
}

.post-image{
    float:left;
    margin-right:15px;
    border:3px solid rgba(255, 255, 255, 0);
}


.comment-image{
    float:left;
    margin-right:15px;
    border:3px solid rgba(255, 255, 255, 0);
}

.liwidth1 {
    width:190px !important;
}

.liwidth2 {
    width:250px !important;
}

.msg-container{
    font-size: 120%;
    color: #dedede;
    max-width: 950px;
    margin: 30px auto 0 auto;
    text-align: center;
}

.msg-container .button{
    margin-top: 30px;
    margin-bottom:70px;
    float:left;
    margin-right:10px;
}

.msg-container .buttons{
    display:inline-block;
}

.msg{
    font-size: 70%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 30px;
}

.main-title{
    padding-top:30px;
    padding-bottom: 20px;
    font-size: 160%;
}


/**
/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in #small-dialog1 {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready #small-dialog1 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing #small-dialog1{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}
/*---start-responsive-deign----*/
@media only screen and (max-width: 1440px) and (min-width:1366px) {
	.wrap{
		width:75%;
	}
	.header-left {
		width: 60%;
	}
	.header-left p {
		width: 92%;
	}
	.header-right {
		width: 63%;
	}
}
@media only screen and (max-width: 1366px) and (min-width:1280px) {
	.wrap{
		width:75%;
	}
	.header-left {
		width: 80%;
	}
	.header-left p {
		width:100%;
	}
	.header-right {
		width: 63%;
	}
}
@media only screen and (max-width: 1280px) and (min-width:1024px) {
	.wrap{
		width:80%;
	}
	.header-left {
		width: 80%;
	}
	.header-left p {
		width:100%;
	}
	.header-right {
		width: 63%;
	}
}
@media only screen and (max-width: 1024px) and (min-width:768px) {
	.wrap{
		width:80%;
	}
	.header {
		min-height: 543px;
	}
	.header-left {
		width: 80%;
	}
	.header-left p {
		width:100%;
	}
	.header-right {
		width:63%;
		background-size: 100%;
		height: 500px;
	}
	.header {
		/*background: url(../images/bg.jpg) 100%;*/
		min-height: 500px;
	}
    .cookie-buttons{
        margin-left:0px;
    }
    
    .cookie-buttons-wrap{
        width: 300px;
    }
    .cookie-main{
        width:768px;
    }

    .feedback-categories{
        top:72px;
    }

    .feedback-posts{
        margin-top:70px;
    }

    .feedback-categories input[type="radio"]+label span{
        max-width: 80px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }



     }
@media only screen and (max-width: 768px) and (min-width:640px) {
	.wrap{
		width:80%;
	}
	.logo {
	}
	.header {
		/*background: url(../images/bg.jpg);*/
		min-height: 600px;
	}
	.header-left {
		width: 100%;
		float:none;
		margin:0px;
		text-align:center;
		padding-top: 2em;
	}
	.welcome-note p {
		font-size: 1em;
	}
	.header-left label{
		width: 100%;
		min-height: 303px;
		display: inline-block;
		padding-top: 0;
		margin: 0px;
        background: url(../images/laptop.png) no-repeat;
        background-size: 100%;
	}
	.header-left p {
		width:80%;
		margin:0 auto;
	}
	.header-right {
		display:none;
	}
    .app-avialable{
        width:232px;
        margin:1.5em auto 0 auto;
    }

	.top-grid {
		width:100%;
		border-bottom:1px solid  #ECECEC;
		margin-bottom:1.5em;
		border-right:none;
		border-left:none;
	}
	.about-left-grid,.about-right-grid {
		float: none;
		width: 100%;
	}
	.top-grid1 .line {
		display:none;
	}
	.slider .inner p {
		width: 90%
	}
	.test-monials-grids {
		padding: 3em 0 2.5em 0;
	}
	.pricing-grid {
		width: 100%;
		float:none;
		margin-bottom:1.5em;
	}
	.top-grid1 {
		margin-top: 0em;
		padding-top: 0em;
		margin-bottom:1.5em;
	}

    .cookie-buttons{
        margin-left:0px;
    }

    .cookie-buttons-wrap{
        width: 300px;
    }
    .cookie-main{
        width:640px;
        height:50px;
    }
    .cookie-text{
        width: 280px;
        margin-top:-5px;
    }


    .sbHolder, #post-subject, #post-text{
        width:calc(100% - 30px) !important;
    }

    #post-submit{
        width:100%;
    }

    .feedback-left{
        float:initial;
        width:100%;
    }
    .feedback-right{
        min-width:500px;
        width:100%;
        float:initial;
    }
    .feedback-categories{
        top: -5px;
    }


	
}
/*----*/
@media only screen and (max-width: 640px) and (min-width:480px) {
	.wrap{
		width:80%;
	}
	.logo {
	}
	.header {
		/*background: url(../images/bg.jpg);*/
		min-height: 600px;
	}
	.header-left {
		width: 100%;
		float:none;
		margin:0px;
		text-align:center;
		padding-top: 2em;
	}
	.welcome-note p {
		font-size: 1em;
	}
	.header-left label{
        width: 100%;
		min-height: 303px;
		display: inline-block;
		padding-top: 0;
		margin: 0px;
        background: url(../images/laptop.png) no-repeat;
        background-size: 100%;
	}
	.header-left p {
		width:90%;
		margin:0 auto;
	}
	.header-right {
		display:none;
	}
    .app-avialable{
        width:232px;
        margin:1.5em auto 0 auto;
    }
	.top-grid {
		width:100%;
		border-bottom:1px solid  #ECECEC;
		margin-bottom:1.5em;
		border-right:none;
		border-left:none;
	}
	.about-left-grid,.about-right-grid {
		float: none;
		width: 100%;
	}
	.top-grid1 .line {
		display:none;
	}
	.slider .inner p {
		width: 90%
	}
	.test-monials-grids {
		padding: 3em 0 2.5em 0;
	}
	.pricing-grid {
		width: 100%;
		float:none;
		margin-bottom:1.5em;
	}
	.top-grid1 {
		margin-top: 0em;
		padding-top: 0em;
		margin-bottom:1.5em;
	}
	.footer ul li a {
		margin-right: 1em;
	}
	.payment-online-form-left input[type="text"] {
		width: 41.66%;
	}

    .cookie-buttons{
        margin-left:0px;
    }

    .cookie-buttons-wrap{
        width: 260px;
        margin-left:10px;
    }
    .cookie-more{
        margin-left:12px;
    }
    .cookie-main{
        width:480px;
        height:50px;
    }
    .cookie-text{
        width: 195px;
        margin-top:-5px;
        font-size: 10px;
    }

    .sbHolder, #post-subject, #post-text{
        width:calc(100% - 30px) !important;
    }

    #post-submit{
        width:100%;
    }

    .feedback-left{
        float:initial;
        width:100%;
    }

    .feedback-right{
        width:100%;
        float:initial;
    }
    .feedback-categories{
         top: 30px;
    }

    .feedback-posts{
        margin-top:55px;
    }

    .feedback-categories input[type="radio"]+label span{
        max-width: 80px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
	
}
/*----*/
@media only screen and (max-width: 480px) and (min-width:320px) {
	.wrap{
		width: 85%;
	}
	.logo {
	}
	.header {
		/*background: url(../images/bg.jpg);*/
		min-height: 499px;
	}
	.welcome-note h2 {
		font-size:1.5em;
		margin: 1em 0 0.3em 0;
	}
	.header-left {
		width: 100%;
		float:none;
		margin:0px;
		text-align:center;
		padding-top: 2em;
	}
	.welcome-note p {
		font-size: 0.875em;
	}
	.top-grids {
		margin: 1.8em 0;
	}
	.header-left label{
        width: 100%;
		min-height: 230px;
		display: inline-block;
		padding-top: 0;
		margin: 0px;
        background: url(../images/laptop.png) no-repeat;
        background-size: 100%;
	}
	.header-left p {
		width: 100%;
		margin: 0 auto;
		font-size: 1.2em;
	}
	.header-right {
		display:none;
	}
    .app-avialable{
        width:232px;
        margin:1.5em auto 0 auto;
    }
	.top-grid {
		width:100%;
		border-bottom:1px solid  #ECECEC;
		margin-bottom:1em;
		border-right:none;
		border-left:none;
		padding-bottom: 1em;
	}
	.top-grid span {
		font-size: 1.1em;
	}
	.top-grid:nth-child(6){
		border:none;
	}
	.about-grids {
		padding: 1em 0;
	}
	.about-left-grid h3 {
		font-size: 1.5em;
		padding: 0.4em 0 0.2em 0;
	}
	.about-left-grid p, .about-left-grid a {
		line-height: 1.6em;
		font-size:0.9em;
	}
	.slider-mask-wrap {
		margin: 0 0px;
	}
	.about-left-grid,.about-right-grid {
		float: none;
		width: 100%;
	}
	.top-grid1 .line {
		display:none;
	}
	.slider .inner p {
		width: 90%;
		font-size:0.9em;
	}
	.test-auther p a {
		font-size: 1em;
	}
	.test-monials-grids {
		padding: 1em 0 0.5em 0;
	}
	.pricing-plans-head h3 {
		font-size: 1.5em;
	}
	.pricing-plans-head p {
		font-size: 0.875em;
	}
	.pricing-plans {
		padding: 1.6em 0 1em 0;
	}
	.price-value a {
		font-size:2em;
	}
	.pricing-grid h3 {
		font-size: 1.3em;
	}
	.pricing-grid ul li a {
		font-size:0.9em;
	}
	.cart {
		padding: 1em 0.5em;
		font-size:0.9em;
	}
	.pricing-grid {
		width: 100%;
		float:none;
		margin-bottom:1.5em;
	}
	.top-grid1 {
		margin-top: 0em;
		padding-top: 0em;
		margin-bottom:1.5em;
	}
	.footer ul li a {
		margin-right: 1em;
	}
	.payment-online-form-left input[type="text"]{
		width: 39.4%;
	}
	.social-icons h3 {
		font-size: 1.3em;
	}
	.social-icons p {
		font-size:0.9em;
	}
	.social-icons {
		margin: 2em 0;
	}
	.social-icons ul {
		margin-top: 1.5em;
	}
	.wrap input[type="text"],.wrap input[type="submit"],.wrap input[type="reset"],.wrap input[type="button"]{
		-webkit-appearance:none;
	}
	.payment-sendbtns input[type="reset"],.payment-sendbtns input[type="submit"] {
		padding: 0.5em 0.8em;
	}
	.payment-online-form-left h4 {
		font-size: 1.3em;
	}
	.payment-online-form-left input[type="text"] {
		padding: 0.8em 1em;
	}

    .cookie-buttons{
        margin-left:0px;
    }

    .cookie-buttons-wrap{
        width: 300px;
        margin-left:10px;
        margin-top:10px;
    }
    .cookie-more{
        margin-left:12px;
    }
    .cookie-main{
        width:320px;
        height:90px;
    }
    .cookie-text{
        text-align: center;
        width: 320px;
        margin-top:-5px;
        font-size: 10px;
    }


    .sbHolder, #post-subject, #post-text{
        width:calc(100% - 30px) !important;
    }

    #post-submit{
        width:100%;
    }

    .feedback-left{
        float:initial;
        width:100%;
    }
    .feedback-right{
        width:100%;
        float:initial;
    }
    .feedback-categories{
        top: 30px;
    }

    .feedback-posts{
        margin-top:55px;
    }

    .feedback-categories input[type="radio"]+label span{
        max-width: 80px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
	
}
/*----*/
@media only screen and (max-width:320px) and (min-width:240px) {
	.wrap{
		width: 85%;
	}
	.logo {
	}
	.header {
		/*background: url(../images/bg.jpg);*/
		min-height: 499px;
	}
	.welcome-note h3 {
		font-size:1.5em;
		margin: 1em 0 0.3em 0;
	}
	.header-left {
		width: 100%;
		float:none;
		margin:0px;
		text-align:center;
		padding-top: 1.5em;
	}
    .app-avialable{
        width:232px;
        margin:1.5em auto 0 auto;
    }
	.welcome-note p {
		font-size: 0.875em;
	}
	.top-grids {
		margin: 1.8em 0;
	}
	.header-left label{
        width: 100%;
        min-height: 230px;
		display: inline-block;
		padding-top: 0;
		margin: 0px;
        background: url(../images/laptop.png) no-repeat;
        background-size: 100%;
	}
	.header-left p {
		width: 100%;
		margin: 0 auto;
		font-size: 1em;
	}
	.app-avialable {
		margin-top: 1em;
		margin-left:0px;
	}
	.header-right {
		display:none;
	}
	.top-grid {
		width:100%;
		border-bottom:1px solid  #ECECEC;
		margin-bottom:1em;
		border-right:none;
		border-left:none;
		padding-bottom: 1em;
	}
	.top-grid span {
		font-size: 1.1em;
	}
	.top-grid:nth-child(6){
		border:none;
	}
	.about-grids {
		padding: 1em 0;
	}
	.about-left-grid h3 {
		font-size: 1.2em;
		padding: 0.4em 0 0.2em 0;
	}
	.about-left-grid p, .about-left-grid a {
		line-height: 1.6em;
		font-size:0.9em;
	}
	.slider-mask-wrap {
		margin: 0 0px;
	}
	.about-left-grid,.about-right-grid {
		float: none;
		width: 100%;
	}
	.top-grid1 .line {
		display:none;
	}
	.slider .inner p {
		width: 90%;
		font-size:0.9em;
	}
	.test-auther p a {
		font-size: 1em;
	}
	.test-monials-grids {
		padding: 1em 0 0.5em 0;
	}
	.pricing-plans-head h3 {
		font-size: 1.5em;
	}
	.pricing-plans-head p {
		font-size: 0.875em;
	}
	.pricing-plans {
		padding: 1.6em 0 1em 0;
	}
	.price-value a {
		font-size:2em;
	}
	.pricing-grid h3 {
		font-size: 1.3em;
	}
	.pricing-grid ul li a {
		font-size:0.9em;
	}
	.cart {
		padding: 1em 0.5em;
		font-size:0.9em;
	}
	.pricing-grid {
		width: 100%;
		float:none;
		margin-bottom:1.5em;
	}
	.top-grid1 {
		margin-top: 0em;
		padding-top: 0em;
		margin-bottom:1.5em;
	}
	.footer ul li a {
		margin-right: 1em;
	}
	.payment-online-form-left input[type="text"]{
		width: 88%;
	}
	.social-icons h3 {
		font-size: 1.3em;
	}
	.social-icons p {
		font-size:0.9em;
	}
	.social-icons {
		margin: 2em 0;
	}
	.social-icons ul {
		margin-top: 1.5em;
	}
	.wrap input[type="text"],.wrap input[type="submit"],.wrap input[type="reset"],.wrap input[type="button"]{
		-webkit-appearance:none;
	}
	.payment-sendbtns input[type="reset"],.payment-sendbtns input[type="submit"] {
		padding: 0.5em 0.4em;
		font-size:1.2em;
	}
	.payment-online-form-left h4 {
		font-size: 1.3em;
	}
	.payment-online-form-left input[type="text"] {
		padding: 0.8em 1em;
	}
	.footer ul li:nth-child(4),.footer ul li:nth-child(5),.footer ul li:nth-child(6){
		display:none;
	}
	.footer{
		padding:0.8em 0;
	}
	.copy-right {
		margin-right: 0em;
		margin-top: 0.5em;
	}

    .cookie-buttons{
        margin-left:0px;
        margin: 0 auto;
        float: initial;
    }

    .cookie-buttons-wrap{
        width: 240px;
        margin-left:0px;
        margin-top:10px;
    }
    .cookie-more{
        margin-left:12px;
        display:none;
    }
    .cookie-main{
        width:240px;
        height:95px;
    }
    .cookie-text{
        text-align: center;
        width: 240px;
        margin-top:-5px;
        font-size: 10px;
    }

    .sbHolder, #post-subject, #post-text{
        width:calc(100% - 30px) !important;
    }

    #post-submit{
        width:100%;
    }

    .feedback-left{
        float:initial;
        width:100%;
    }
    .feedback-right{
        width:100%;
        float:initial;
    }
    .feedback-categories{
        top: 30px;
    }

    .feedback-posts{
        margin-top:55px;
    }

    .feedback-categories input[type="radio"]+label span{
        max-width: 60px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}
/*---start-responsive-deign----*/
.hide-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}