/*--------------------------------------------------------------
- Fonts Web
--------------------------------------------------------------*/
@font-face {
  font-family: 'Campton';
  src: url('fonts/Campton-Light.eot');
  src: url('fonts/Campton-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/Campton-Light.woff') format('woff'),
    url('fonts/Campton-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Campton';
  src: url('fonts/Campton-Book.eot');
  src: url('fonts/Campton-Book.eot?#iefix') format('embedded-opentype'),
    url('fonts/Campton-Book.woff') format('woff'),
    url('fonts/Campton-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'proxima';
    src: url('fonts/ProximaNovaA-Regular.eot');
    src: url('fonts/ProximaNovaA-Regular.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaA-Regular.woff') format('woff'),
         url('fonts/ProximaNovaA-Regular.ttf') format('truetype'),
         url('fonts/ProximaNovaA-Regular.svg#proxima') format('svg');
}
@font-face {
    font-family: 'proxima-Light';
    src: url('fonts/ProximaNovaA-Light.eot');
    src: url('fonts/ProximaNovaA-Light.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaA-Light.woff') format('woff'),
         url('fonts/ProximaNovaA-Light.ttf') format('truetype'),
         url('fonts/ProximaNovaA-Light.svg#proxima-Light') format('svg');
}
@font-face {
    font-family: 'proxima-ExBold';
    src: url('fonts/ProximaNovaA-Extrabld.eot');
    src: url('fonts/ProximaNovaA-Extrabld.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaA-Extrabld.woff') format('woff'),
         url('fonts/ProximaNovaA-Extrabld.ttf') format('truetype'),
         url('fonts/ProximaNovaA-Extrabld.svg#proxima-ExBold') format('svg');
}
@font-face {
    font-family: 'proxima-Bold';
    src: url('fonts/ProximaNovaA-Bold.eot');
    src: url('fonts/ProximaNovaA-Bold.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaA-Bold.woff') format('woff'),
         url('fonts/ProximaNovaA-Bold.ttf') format('truetype'),
         url('fonts/ProximaNovaA-Bold.svg#proxima-Bold') format('svg');
}
@font-face {
    font-family: 'proxima-ConBold';
    src: url('fonts/ProximaNovaAExCn-Bold.eot');
    src: url('fonts/ProximaNovaAExCn-Bold.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaAExCn-Bold.woff') format('woff'),
         url('fonts/ProximaNovaAExCn-Bold.ttf') format('truetype'),
         url('fonts/ProximaNovaAExCn-Bold.svg#proxima-ConBold') format('svg');
}


/*--------------------------------------------------------------
- Elements
--------------------------------------------------------------*/
html{margin: 0;}
body{margin: 0; font-family: 'Campton', sans-serif; font-weight:300; font-size:14px; color:#fff; background:#1d1d1d url(../images/main-background.gif) repeat-y left top; padding-bottom:100px; position:relative;}
body.fix{min-width:1600px;}
h1{}
h2{}
h3{}
h4{}
h5{}
p{}

img {max-width:100%;}
.btn{padding:10px 15px;}
.al-center{text-align:center;}
.uppercase{ text-transform:uppercase;}
#flex { 
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
 	-webkit-box-pack: justify;
  	-moz-box-pack: justify;
  	-ms-flex-pack: justify;
 	-webkit-justify-content: space-between;
} 
input{min-width:300px; padding:20px; background:#f0f0f0; border:none;
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	}
.main-btn{background:#00a44d; color:#fff; -webkit-border-radius: 10px;	-moz-border-radius: 10px; border-radius: 10px; font-weight:bold;}	
.main-btn:hover{color:#333;}
.main-btn.active{background:#ea0600;}
.color-cp{color:#00a44d;}
.color-rd{color:#ea0600;}
.color-or{color:#fe6d00;}
.color-w{color:#fff !important;}

.bd-rd10{-webkit-border-radius: 10px;	-moz-border-radius: 10px; border-radius: 10px;}
.bdDotBottom{border-bottom:1px dotted #e0e0e0;}
input, select {color:#333;}
.bizlogo{width:100%; padding:20px; 	-moz-border-radius: 10px; border-radius: 10px; font-weight:bold; background:#fff;}
.account-tool a{font-size:18px;}
.account-tool a.inactive{color:#ccc !important;}
/*--------------------------------------------------------------
- Links
--------------------------------------------------------------*/
a {color:#fe6d00;}
a:hover, a:focus, a:active {color:#fe6d00;}
a.underline{text-decoration: underline;}
.btn-green{background:#87c548; border-radius:10px; padding:20px 30px; font-family:'proxima'; color:#fff; position:relative; display:inline-block; font-size:18px;}
.btn-green:hover{color:#212359;}
.hrBlue{background:url(../images/hr-blue.png) no-repeat center center;}
.hrGreen{background:url(../images/hr-green.png) no-repeat center center;}
#txtleft{text-align:left;}
.add-btn{padding:10px 20px; background:#fff ; font-size:28px; color:#fff !important; background:#00a44d; border:none; text-decoration:none;}
.add-btn:hover, .add-btn:focus{text-decoration:none;}
.add-btn .fa{font-size:30px; }
.add-btn.disable{background:#c1c1c1 !important; color:#fff !important;}


.add-btn-small{padding:5px 10px; font-size:12px; color:#fe8f00;  border:none; text-decoration:none !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,161616+100 */
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 0%, #161616 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #222222 0%,#161616 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #222222 0%,#161616 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#161616',GradientType=0 ); /* IE6-9 */

}
.add-btn-small-green{padding:25px 50px; font-size:15px; color:#fff;  border:none; text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89d100+0,379200+100 */
background: #89d100; /* Old browsers */
background: -moz-linear-gradient(top,  #89d100 0%, #379200 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #89d100 0%,#379200 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #89d100 0%,#379200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89d100', endColorstr='#379200',GradientType=0 ); /* IE6-9 */
}
.add-btn-small-g{padding:5px 10px; font-size:12px; color:#fff;  border:none; text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#89d100+0,379200+100 */
background: #89d100; /* Old browsers */
background: -moz-linear-gradient(top,  #89d100 0%, #379200 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #89d100 0%,#379200 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #89d100 0%,#379200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89d100', endColorstr='#379200',GradientType=0 ); /* IE6-9 */
}
.add-btn-small-green.fixpad{padding: 10px 20px;}
.add-btn-small:hover, .add-btn-small:focus{text-decoration:none; color:#fe8f00;}
.add-btn-small .fa{font-size:18px; }
.add-btn-small.active{color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fe8f00+0,d34800+100 */
background: #fe8f00; /* Old browsers */
background: -moz-linear-gradient(top,  #fe8f00 0%, #d34800 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fe8f00 0%,#d34800 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fe8f00 0%,#d34800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe8f00', endColorstr='#d34800',GradientType=0 ); /* IE6-9 */

}
/*--------------------------------------------------------------
- Container
--------------------------------------------------------------*/
.container{max-width:1170px; position:relative;}

/*--------------------------------------------------------------
- Element
--------------------------------------------------------------*/
.mainbox{text-align:left; background:#none; padding:20px; margin-bottom:20px;}
.mainbox .item{margin-bottom:20px;}
.mainbox .item div{padding:15px; background:#fff; position:relative;}
.mainbox .item div.data{ background:#e1e1e1;}
.mainbox .item div.data a{position:absolute; top:50%; margin-top:-10px; right:10px; font-size:14px; font-style:italic;}
.mainbox .item div.data a:hover{color:#fff;}

.mainbox input{background:#fff; width:100%; padding-left:50px;}
.mainbox input.radio{width:inherit; padding:0; min-width:inherit; display:inline-block;}
.mainbox input.radio.next{margin-left:20px;}
.form-item{position:relative;}
.form-item:before{content:'\f040'; font-family: FontAwesome; font-size: 20px; position: absolute; top: 15px; left: 10px; color:#ebebeb;}

.form-item.ans:before{content:'\f040'; font-family: FontAwesome; font-size: 20px; position: absolute; top: 15px; left: 30px; color:#ebebeb;}
.form-item.ans:after{content:'\f047'; font-family: FontAwesome; font-size: 20px; position: absolute; top: 15px; left: 10px; color:#ebebeb;}



section.content{}
section.content h1{padding:0;}

.form-area{position:relative; margin-bottom:20px;}
.add-quest-input{}
.make-form-box{display:none;}

.answer{max-width:600px; margin-bottom:5px; font-weight:500;}
.answer{}

.modal-body, .embed-responsive{min-height:700px; background:#646464;}

.sort-item{list-style-type:none; margin:0; padding:0;}
.sort-item li{padding-top:10px; padding-bottom:10px; position:relative;}
.sort-item li:hover{background:#fff;}
.delete-ans{position:absolute; left:560px; top:10px; font-size:20px; color:#131313;}


.mail-row{padding:10px; margin-bottom:10px; border-bottom:1px dotted #ebebeb; position:relative;}
.delete-row, #delfeed, #deleteSurvey{position:absolute; right:10px; top:2px; font-size:20px; color:#fff;}
.set-score{position:absolute; right:45px; top:5px; width:30px; height:30px; }
.set-score.disable{}
.set-score:after{content:'\f201'; font-family: FontAwesome; font-size: 20px; position: absolute; top: 0; left: 0; color:#fe6d00;}
.set-score.disable:after{color:#636363;}

.subbox{padding:20px; background:#fff;}
.select{width:100%; padding:20px; font-size:20px;}
#chart_div{position:relative; width:800px;}
.fixwidth{ min-width:1000px;}
.legend-custom{position:absolute; top:0; right:0; padding:10px; width:300px; height:100%; background:#484848; border-left:1px solid #1d1d1d; z-index:999;}
.legend-custom .content{top:50%; position:absolute; margin-top:-45px; left:30px;}
.legend-custom .date{font-size:10px;}
.boxline{width:10px; height:10px; display:inline-block; background:#00a44d; margin-right:10px;}
.table_sum{}
.table_sum table{font-size:11px !important; background:#252525;}
.td-center{text-align:center;}
.table_sum table td{padding:3px; border:1px solid #e0e0e0;}
.tdhead{background:#151515;}
.tddate{background:#3c3c3c;}
.fix-pie{font-size:10px !important; padding-top:10px; padding-bottom:10px;}
.ac-detail{padding:10px; background:#fff;}
.form-select{padding:10px !important; width:100%; border:1px solid #e0e0e0;/*-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;*/ background:#fff; min-width:inherit !important;}
.form-select.fix{width:auto !important;}
.cpass-box{margin-top:15px; display:none;}
.rdbox{text-align:left; background:#ffedec; padding:20px; margin-bottom:20px;}
.cbtitle{font-size:20px;}
.remark{font-size:10px;}
input.checkboxs{min-width:inherit !important; width:20px !important; padding:0 !important; margin:0 !important;}
.hdtb .ct{text-align:center; background:#e0e0e0; padding:10px;}
.nmtb .ct{text-align:left; padding:10px;}
.print-btn{font-size:30px; position:absolute; right:20px; top:50%; margin-top:-21px;}
div.billTable .nmtb .ct{font-size:12px; text-align:center;}

.receiptbox{border:1px solid #e0e0e0; width:760px; position:relative; margin:0 auto;}
.printWrap{width:760px; position:relative; height:100px; margin:0 auto;}
.receiptbox .head{padding:0 15px; background:#f1f1f1; text-align:left; position:relative;}
.receiptbox .head .abstitle{position:absolute; right:10px; bottom:10px; font-weight:bold;}
.receipt-ct{width:760px; position:relative; padding:15px; margin:0 auto; text-align:left; font-size:12px; margin-top:20px; margin-bottom:20px;}

.pi-box{width:100%; padding:15px; background:#fff; position:relative; margin-bottom:5px;}
.pi-box .checkActive{font-size:28px; position:absolute; right:10px; top:5px; width:26px; height:28px;}
.pi-box .checkActive:before{content:'\f046'; font-family: FontAwesome; font-size: 28px; position: absolute; top: 0; left: 0;}
.pi-box .checkActive.active:before{content:'\f096'; }

.pi-box .checkReq{font-size:28px; position:absolute; right:50px; top:5px; width:26px; height:28px;}
.pi-box .checkReq:before{content:'\f069'; font-family: FontAwesome; font-size: 28px; position: absolute; top: 0; left: 0; color:#e0e0e0;}
.pi-box .checkReq.active:before{color:#00a44d;}

.pi-box .Edit{font-size:28px; position:absolute; right:100px; top:5px; width:26px; height:28px;}
.pi-box .Edit:before{content:'\f040'; font-family: FontAwesome; font-size: 28px; position: absolute; top: 0; left: 0;}

.infobox{ padding:15px; }
.infobox .item{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:#fff; padding:10px; width:auto; margin:0;}
.infobox .fa{color:#00a44d;}
.del-pic{padding:5px; background:#ff0000; color:#fff; position:absolute; top:0; right:0;}
.feed-logo{width:100%; text-align:center;}

.box-banner-full{position: relative;height: 600px;z-index: 2;}
.banner-full, .slick-list, .slick-track{height: 100%;}
.item-banner{background-size: cover;background-position: center;position: relative; height:600px;}
.item-banner a{display: block;height: 100%;}
.item-banner .caption{position: absolute;top: 50%;width: 100%;text-align: center;color: #fff;}
.box-caption{display: inline-block;background-color: #fff;width: 100%;padding: 20px 20px 63px;max-width: 380px;}
.inside-page .box-caption{padding: 20px 20px 15px;}
.caption-home{position: absolute;bottom: 0;width: 100%;text-align: center;}
.caption-home h1{display: inline-block;background-color: #fff;font-size: 30px;margin: 0;}
.caption-home span, .line{display: inline-block;width: 160px;border-bottom: 2px solid #D71343;}
.box-caption-inside{display: inline-block;background-color: #fff;width: 100%;padding: 20px 20px 30px;max-width: 610px;}
.offer-slider .slick-prev, .slick-next, .slick-prev, .slick-prev:hover, .slick-next:hover, .slick-prev:visited, .slick-next:visited,  .slick-prev:active, .slick-next:active{width: auto;height: auto;position:absolute; top:50%; cursor:pointer; z-index:1; display:inline-block; padding:5px 15px; background-color:rgb(255, 255, 255) !important; margin-top:-20px; font-size:0; border:none;outline: none;}
.slick-prev{left: 0px;}
.slick-prev:before{content: "\f104";  font: normal normal normal 14px/1 FontAwesome;font-size:30px; color:#000;}
.slick-next{right: 0px;}
.slick-next:before{content: "\f105";  font: normal normal normal 14px/1 FontAwesome;font-size:30px; color:#000;}
.box-banner-full .slick-dots{bottom: 70px;}
.slick-dots{list-style: none;position: absolute;bottom: 20px;margin: 0;padding: 0;width: 100%;text-align: center; z-index:999;}
.slick-dots li{display: inline-block;padding: 0 5px;}
.slick-dots li button{text-indent: -5000px;border: none;width: 35px;height: 7px;background-color: #fff;font-size: 1px;margin: 0;line-height: 0;}
.slick-dots li button:focus{outline: none;}
.slick-dots li.slick-active button{background-color: rgba(255, 255, 255, 0.41);}

.item-link{background:#4b4b4b; border-bottom:1px solid #333; display:block; position:relative; width:100%; cursor: pointer; font-size:13px;}
.item-link a{width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.item-link .view .fa{font-size:30px;}
.item-link .item{display:inline-block; margin-right:15px;}
.item-link .item.person{width:300px; min-height: 38px; }
.item-link .item.rate{width:150px;}
.item-link .item.date{position:absolute; top:0; right:0;}
.item-link:hover{background:#4b4b4b;}
.result{margin-right:30px;}
/*.form-step{display:none;}
.form-step.step1{display:block;}*/

/*THEME*/
.menu-left{width:315px; height:auto; display:inline-block; text-align:center;  vertical-align: top; padding-bottom:200px;}
.logo{margin:48px 0;}
.welcome{font-size: 13px; margin-bottom:150px;}
.welcome .name{font-size: 20px; }
.mitem{position:relative;}
.menu-item{width:220px; padding:40px 0; color:#fff; display:block; text-align:left; margin-left:auto; margin-right:auto;}
.menu-item .fa{margin-right:20px; font-size:24px;}
.mitem.active{border-bottom:1px solid #666; background:url(../images/menu-active.png) repeat-x left top;}
.mitem.active a{color:#fe6d00;}
.wrapper{ display:inline-block;  padding-left:50px; padding-right:50px; width:auto; vertical-align: top; padding-top: 70px; min-width:1140px;}
.smapp{position:absolute; bottom:10px; right:10px;}

.htb{background:#1a1a1a url(../images/head-table.png) repeat-x top left; padding:16px 0; font-size: 14px; color:#999;}
.htb .name{font-size: 20px; font-weight:500; text-transform: uppercase; color:#fff;}
.htb .name-normal{font-size: 25px; font-weight:300; text-transform: uppercase; color:#fff;}
.htb.back2{background:#1d1d1d url(../images/htb-back.png) repeat-x bottom left; padding:16px 0; font-size: 14px; color:#999;}
.htb .delete-row{font-size:16px; color:#fff; top:50%; margin-top:-8px; right:20px;}
.btb{background:#343434;}
.bigdata{font-size: 30px;}
.clm{padding:15px 0; min-height: 130px; border-bottom:1px solid #131313;}
.clm.bright{ border-right:1px solid #131313;}
.clm a{font-size: 13px; text-decoration: underline; color:#fff;}
.endtable{ color:#666; font-size:13px; padding:0 10px; letter-spacing:normal; background: #131313;}
.endtable .cont{ padding:10px 0;}
.endtable .cont .data{width:45%; display:inline-block; text-align: left; padding-left:5%;}
.billing{margin-left:20px;}
.form-select.fix.new{color:#333; width:400px !important;}
.tool-billing .print-btn{font-size:22px; color:#fff;}
.detail-billing{font-size:13px;}
.survey-name{font-size:25px; margin-left:10px;}
.row-pad{padding:0 50px;}
.surveyItem{margin-bottom:15px;}
.row-btdot{border-bottom:1px dotted #000; padding-bottom:10px; margin-bottom:10px; position:relative;}
.row-btdot.icon:after{content:'\f040'; font-family: FontAwesome; font-size: 16px; position: absolute; top: 0; right: 50px; color:#ebebeb;}
.surveyfield{width:100%; padding:0; color:#fff; background:none; border:none;}
.personalForm input{width:100%; padding:0; color:#fff; background:none; border:none;}
.bgBox{background:#343434;}
.tborder{border-top:1px solid #1d1d1d;}
.personalForm .pi-box{background:none; border-bottom:1px dotted #131313; color:#fe6d00;}
.personalForm .checkActive{color:#00a44d;}
.personalForm .pi-box .checkActive:before {
    content: '\f046';
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: 0;
}
.personalForm .pi-box .checkActive.active:before{content:'\f096'; }
.personalForm .pi-box .checkReq{font-size:20px; position:absolute; right:50px; top:5px; width:26px; height:28px;}
.personalForm .pi-box .checkReq:before{content:'\f069'; font-family: FontAwesome; font-size: 20px; position: absolute; top: 5px; left: 0; color:#666666; }
.personalForm .pi-box .checkReq.active:before{color:#fe6d00;}
.personalForm .pi-box .Edit{font-size:20px; position:absolute; right:100px; top:5px; width:26px; height:28px;}
.personalForm .pi-box .Edit:before{content:'\f040'; font-family: FontAwesome; font-size: 20px; position: absolute; top: 5px; left: 0;}

.personalForm .delete-row{font-size:20px; color:#00a44d;}
.personalForm .sort-item li:hover {background: none;}
.personalForm .sort-item li{margin-bottom:10px; border-bottom:1px dotted #131313;}
.add-quest-input, .answer {
    background: #fff !important;
    width: 100% !important;
    padding: 20px 20px 20px 50px !important;
	color:#131313 !important;
}
.personalForm input.radio {
    width: inherit;
    padding: 0;
    min-width: inherit;
    display: inline-block;
}
.personalForm input.radio.next {
    margin-left: 20px;
}
.legendname{font-size:15px;}
.overall{font-size:34px;}
.fontS15{font-size:15px;}
.circle {
  border-radius: 50%;
  width: 15px;
  height: 15px; 
  display:inline-block;
  margin-right:10px;
}
.lgpie{display:table; height:550px;}
.lgcell{display: table-cell; vertical-align: middle;}
.lgDiv{width:100%; padding:5px 30px; letter-spacing:normal; font-size:15px; position:relative;}
.lgDiv a{display:block; position:absolute; top:0; left:0; width:100%; height:100%;}

.copyright{color:#fff; font-weight:300; position:absolute; bottom:20px; left:335px;}
.logout{position:absolute; top:0; right:0; background:#ff0000;}
.logout a{display:block; padding:5px 15px; font-size:12px; color:#fff;}

.infotxt{color:#fe6d00; font-weight:bold;}

/*MODAL*/
.modal-body{padding-top:5px; padding-bottom:5px;}
.close-button{position:relative; height:30px; width:100%; }
button.close {
    padding: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none;
	float:none;
	position:absolute;
	right:0px;
	top:5px; 
	width:30px;
	height:30px;
	opacity:1;
	text-shadow:none;
}
button.close span{display:none;}
.close-button :before{content:'\f057'; font-family: FontAwesome; font-size: 20px; position: absolute; top: 5px; right:0px; color:#fff;}

.pagination{padding:0 5px;}
.socialbox{position:relative;}
.socialbox .icon{display:inline-block; vertical-align:top; margin-right:20px;}
.socialbox input{padding-left:30px; display:inline-block; width:80% !important; max-height:32px;}
/*--------------------------------------------------------------
- Smooth transition
--------------------------------------------------------------*/

a{  transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;}

/*--------------------------------------------------------------
- Fix IE
--------------------------------------------------------------*/
.ie7 .your-class{}
.ie8 .your-class{}
.ie9 .your-class{}


/*--------------------------------------------------------------
- Responsive
--------------------------------------------------------------*/

@media (max-width: 1400px) {
	
}
@media (max-width: 1300px) {
 
}
@media (max-width: 1200px) {
	

}
@media (max-width: 1025px) {
	body{ background-image:none; background-color:#1d1d1d;}
	.menu-left{width:100%; padding-bottom:0; text-align:left; background:#131313;}
	.welcome {display:inline-block; margin:0 10px; font-size:12px; position:absolute; top:10px; left:100px;}
	.mitem{display:inline-block;     padding: 0; }
	.mitem.active{background:none; border:none;}
	body.fix {min-width:inherit;}
	.logo{max-width:80px; margin:0 10px; padding:15px 0;}
	.lgoo:after{clear:both;}
	.welcome .name {font-size: 12px; display:inline-block;}
	.welcome br{display:none;}
	.menu-item{padding: 15px 5px; width:auto; font-size:12px;}
	.menu-item .fa{font-size:18px;}
	.copyright{width:100%; left:20px; font-size:12px;}
	.wrapper {
    display: inline-block; 
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    vertical-align: top;
    padding-top: 30px;
    min-width:inherit;
	}
	.modal-dialog {
    width: 96% !important;
	}
	.touch .modal .modal-body  {
    max-height: none; 
  }
  .legend-custom{position:relative; top:auto; right:auto; padding:10px; width:100%; height:180px; background:#484848; border-left:none; z-index:999;}
  #chart_div{position:relative; width:100%;}
  .embed-responsive{overflow:scroll !important; -webkit-overflow-scrolling:touch !important;}
}
@media (max-width: 992px) {
   
}
@media (max-width: 768px) {   
  .mainbox .item div.data a{position:relative; top:auto; margin-top:0; right:auto; font-size:14px; font-style:italic; display:block; margin-top:10px;}
   .delete-ans{left:460px;}
   .aqhead .ct{min-height:70px;}
}
@media (max-width: 568px) {
   
}