*{margin:0; padding:0;}
:focus{outline:none;}
html{height:100%; -webkit-text-size-adjust:none;}
body{height:100%; font-size:12px; font-family:'open_sansregular'; background:#fff;}
a{text-decoration:none; outline:none; color:#a9a9a9; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
label{font-weight:normal;}
img{padding:0; margin:0; max-width:100%; float:none; border:none;}
h1, h2, h3, h4, h5, h6, p{font-weight:normal; margin:0; padding:0; display:block; clear:both;}
ul, ul li, ol, ol li{padding:0; margin:0; list-style:none;}
p{line-height:18px; font-size:14px; color:#676565; font-family:'Roboto Condensed';}
*{box-sizing:border-box; -webkit-box-sizing:border-box;}
a:hover, a:focus, a{text-decoration:none; outline:none;}
*{box-sizing:border-box;}
a:hover, a:focus {
      text-decoration: none !important;
}
/*NORMAL CSS*/
.pull-left{float:left;}
.pull-right{float:right;}
h1{font-size:44px; color:#fff; margin-bottom:15px; font-family:'pacificoregular';}
h2{font-size:44px; color:#343434; font-family:'open_sansregular';}
h3{font-size:34px; color:#3f3f3f; font-family:'open_sansregular';}

.block{width:100%; float:left;}

/*BUTTON CSS*/
.btn{display:inline-block; padding:8px 25px !important; text-transform:uppercase; text-align:center; border-radius:0; color:#fff; font-size:18px !important; font-family:'Roboto Slab';}
.yelo_btn{background:#fac31d; color:#fff;}
.yelo_btn:hover{background:#f3b00e; color:#fff;}
.btn{background:#8AB659; color:#fff;}
.btn:hover{background:#588037;color: #fff !important;}
.gray_btn{background:#8AB659; color:#afafaf; padding:7px 20px;}

/*INPUT CSS*/
textarea{resize:vertical; min-height:150px; font-family:'Roboto'; border-radius:3px;}
input[type="text"], input[type="password"], input[type="tel"], input[type="search"], input[type="email"], textarea, select{float:left; width:100%; background:#fff; border:2px solid #f1f1f1; color:#231F20; padding:8px 10px; font-size:14px; text-transform:none; box-sizing:border-box; -webkit-box-sizing:border-box; font-family:'Roboto';}
input, textarea{-webkit-appearance:none;}
input[type="submit"]{cursor:pointer; outline:none; border:none; -webkit-appearance:none;}
select{-webkit-appearance:none; -moz-appearance:none; background:url(../img/ic_5.png) no-repeat 100% 50% #fff;}

/*HEADER CSS*/
.logo{float:left; width:100%; text-align:center; background:#f7f6f6; padding:20px 10px;}
.mid_wrapper{float:left; width:100%; padding:40px 0;}

.Alin_cnt{text-align:center;} .max_width img{max-width:100%;}
.mrg_t_20{margin-top:20px;} .mrg_t_10{margin-top:10px;}
.mrg_b_10{margin-bottom:10px;}
.pd_t_b_20{padding:20px 0;}
.mgr_t_b_20{margin:20px 0;} .pad_t_b_20{padding:40px 0;} .pd_t_40{padding-top:40px;} .mrg_t_40{margin-top:40px;} .mrg_b_20{margin-bottom:20px;} .mrg_t_60{margin-top:60px;}

.ylo_clr{color:#ffb606;} .white{color:#fff;} .black_clr{color:#3f3f3f;}

.database_wrap{display:block; margin:0; background:#fff; border-radius:5px; position:relative; overflow:hidden;}
.database_wrap:before{position:absolute; top:0; left:0; width:12%; content:''; height:100%; background:#527C3D;}
.database_wrap .left_bar{float:left; width:12%; background:#527C3D; position:relative; z-index:999;}
.database_wrap .left_bar ul{float:left; width:100%;}
.database_wrap .left_bar ul li{float:left; width:100%;}
.database_wrap .left_bar ul li a{float:left; width:100%; padding:20px; text-align:center; color:#fff; font-size:14px; text-transform:uppercase; font-family:'Roboto Slab'; position:relative; background:#86B56A;}
.database_wrap .left_bar ul li a img{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'whitescale\'><feColorMatrix type=\'matrix\' values=\'255 255 255 0 0 255 255 255 0 0 255 255 255 0 0 0 0 0 1 0\'/></filter></svg>#whitescale"); filter:whitescale(100%); -webkit-filter:whitescale(100%);}
.left_bar ul li.active a img, .left_bar ul li:hover a img{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter:grayscale(0%);}
.database_wrap .left_bar ul li:hover a, .database_wrap .left_bar ul li.active a{background:#588037;}

.right_bar{float:left; width:88%; padding:15px 20px;}
.right_bar .tr_top{float:left; width:100%; padding-bottom:15px;}
.top_first{float:left; width:60%;}
.title{font-size:24px; color:#538035; font-family:'Roboto'; text-transform:uppercase; letter-spacing:1px; padding-bottom:15px;}
.streams{padding-top:5px;}
.streams span{float:left; font-size:22px; color:#555; font-family:'Roboto Condensed'; margin:5px 10px 0 0;}
.serch_fild{float:left; width:230px; position:relative; margin-right:13px;}
.serch_fild input{background:#f1f1f1; border-radius:5px; padding:8px 8px 8px 30px;}
.serch_fild .fa{position:absolute; top:14px; left:10px; font-size:13px;}

.two_btn .btn{padding:6px 30px;}
.two_btn .btn.btn-primary{background-color:#8eb021; border-color:#8eb021;}
.database_wrap:before{content:''; position:absolute; top:0; left:0; width:12%; background:#538035; height:100%;}
.right_wrapIn{float:left; width:100%;}

.iistores_settings{float:left; width:100%; margin:10px 0;}
.api_settings{float:left; width:100%; margin-bottom:10px;}
.api_settings .fild{float:left; width:100%; margin-bottom:25px;}
.api_settings .fild label{float:left; width:33%; margin:10px 3% 0 0; font-size:14px; color:#363636; font-family:'Roboto Slab'; letter-spacing:1px;}
.api_settings .fild .fild_col{float:left; width:64%;}
.api_settings .fild .col{float:left;}
.api_settings .fild .col:last-child{float:right;}
.api_settings .fild .col span{float:left; margin:9px 10px 0 0; min-width: 40px; text-transform:uppercase; color:#d7d7d7; font-size:14px; font-family:'Roboto';}
.api_settings .fild .col input{width:72px; color:#363636;}.api_settings .fild  select{height:40px;padding-left: 8px;    color: #363636;    font-weight: 700;width: 100%;}

.checbox{float:left;}
.checbox label input{display:none;}
.checbox label span{height:18px; width:18px; display:inline-block; position:relative; border-radius:3px; border:2px solid #f1f1f1;}
.checbox span:after{position:absolute; opacity:0; transform:scale(2); top:0; left:2px; font-family:'FontAwesome'; font-size:11px; color:#1bc5f3; content:'\f00c'; transition:all 0.5s ease 0s;}
.checbox [type=checkbox]:checked + span:after{transform:scale(1); opacity:1;}

.top_links{float:left; width:100%; padding-bottom:15px;}
.top_links h2{float:left;}
.top_links .pull-right a{float:left; width:110px; text-align:center; border-right:2px solid #ececec; font-family:'Roboto'; color:#538035; background:#f7f6f6; padding:8px 15px; font-size:14px;}
.top_links .pull-right a:last-child{border:0;}

.welcome_iistores{float:left; width:100%;}
.welcome_iistores p{margin-bottom:20px;}
.link_clls{float:left; width:100%;}
.link_clls .block{margin-bottom:10px;}
.link_clls span{float:left; width:45%; color:#363636; font-family:'Roboto Condensed'; font-size:14px; text-transform:uppercase;}
.link_clls  a{float:left; margin-left:10px; width:135px; text-align:center; font-family:'Roboto'; color:#538035; background:#f7f6f6; padding:3px; font-size:14px;}
.frm_col{float:left; width:100%; margin-top:20px; text-align:center;}
.frm_col .col{display:inline-block; margin:0 5px;}

.other_products{float:left; width:100%; padding:20px 0;}
.other_products .title{position:relative; padding:6px 0; background:#f7f6f6;}
.other_products .title:after{position:absolute; top:0; left:-100%; content:'';  background:#f7f6f6; height:100%; width:100%; z-index:0;}
.other_products .title:before{position:absolute; top:0; right:-100%; content:'';  background:#f7f6f6; height:100%; width:100%; z-index:0;}
.other_products .product_list{float:left; width:100%; padding:20px 0 0;}
.product_list li{float:left; width:20%; text-align:center; padding:40px 10px; background:#f7f6f6; border-right:2px solid #eee; min-height:205px;}

.filter_bar{float:left; width:100%; padding-top:20px;}
.filter_bar .col{float:left; margin-right:25px;}
.filter_bar .col:last-child{margin-right:0;}
.filter_bar .col label{float:left; min-width:90px; margin:8px 5px 0 0; color:#363636; font-size:14px; font-family:'Roboto Slab';}
.filter_bar .col .texto1{width:176px; color:#363636; padding:6px 8px;height: auto;}
.filter_bar .col .texto2{width:80px; color:#363636; padding:6px 8px;height: auto;}
.filter_bar .col .btn{padding:5px 20px; margin-right:10px;}

.iteam_info{float:left; width:100%; padding:10px 10px 0; border:2px solid #f1f1f1; margin-bottom:20px;}
.iteam_info ul{margin:0 -10px;}
.iteam_info li{float:left; width:25%; padding:0 10px; margin-bottom:20px;}
.iteam_info li .iteam_freme{float:left; width:100%; border:2px solid #f1f1f1;}
.iteam_info li .iteam_freme p a{font-size: 15px;}
.iteam_hed{float:left; width:100%; background:#f1f1f1; padding:3px 5px;}
.iteam_hed .checbox label span{background:#fff;}
.iteam_hed .checbox label{margin-bottom:0; height:16px; float:left;}
.iteam_hed a{font-size:14px; color:#598038; text-transform:uppercase; font-family:'Roboto'; line-height:normal; margin-left:3px;}
.iteam_bx{float:left; width:100%; padding:10px; text-align:center;}
.iteam_bx .iteam_port{float:left; width:100%; padding-bottom:10px;}
.iteam_bx .iteam_port img{    height: 150px;}


.iteam_re{float:left; width:100%; background:#f1f1f1; padding:5px;}
.iteam_re span{float:left; color:#363636; font-size:14px; font-family:'Roboto Slab';}
.iteam_re span a{color:#598038; font-family:'Roboto'; margin-right:10px;}
.iteam_social{float:left; width:100%; padding:10px; text-align:center;}
.iteam_btn .btn{text-transform:none; margin-right:10px;}

.prducts_info{float:left; width:100%; padding-top:20px;}
.product_table{float:left; width:100%; border:2px solid #f1f1f1;}
.product_table tr{background:#f7f6f6;}
.product_table tr:nth-child(2n){background:#fff;}
.product_table tr td,.product_table tr th{font-size:14px; color:#363636; font-family:'Roboto Condensed'; padding:5px; text-align:center; width:12%;}
.product_table tr th{
color: #598038;
    font-family: 'Roboto';
    text-transform: uppercase;
}
.product_table tr td:nth-child(4){width:44%; text-align:center;}
.product_table tr:first-child td:nth-child(4){text-align:center;}
.product_table tr td:nth-child(5){width:20%;}
.product_table tr td:nth-child(3){font-family:'Roboto';}
.product_table .checbox label{float:left; height:16px; margin-bottom:0;}
.product_table .checbox label span{background:#fff;}
.product_table .checbox{display:inline-block; float:none;}
/*.product_table tr:first-child td{color:#598038; font-family:'Roboto'; text-transform:uppercase;}*/
.pacifico_rg{font-family:'pacificoregular';}

a.tooltipr {    background: #F9F9F9;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 6px;
    font-size: 14px;
    margin-left: 5px;}
a.tooltipr:hover {background:#F9F9F9; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltipr span {display:none;font-weight:normal; padding:2px 3px; margin-left:8px; width:245px;-webkit-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.4);-moz-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.4);box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.4);}
a.tooltipr:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

.or{width: 100%;
    text-align: center;
    font-size: 25px;
    padding: 4px 0px 4px 0px;
    font-weight: 800;
    margin-top: -11px;}
   
   hr
   {
   margin-bottom:0px !important;
   }
   .seedoc
   {
    float: left;
    padding-left: 10px;
    margin-top: 0px;
    font-size: 13px;
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 10px;
   }
   .titlebar
   {
   width: 100%;
    float: left;
   }
   .titlebar h2
   {
       float: left;
   }

/*======================Responsive Css====================*/
@media(max-width:900px) {
.filter_bar .col{margin-right:8px;}
.filter_bar .col .texto1{width:140px;}
.iteam_info li{width:50%;}
.filter_bar .col .btn{font-size:15px; padding:6px 10px;}
.iteam_btn .btn{font-size:14px;}
.top_first{width:100%;}
}

@media (max-width: 767px) {

.database_wrap .left_bar, .right_bar{width:100%;}
.database_wrap::before{display:none;}
.database_wrap .left_bar ul li:hover a:after, .database_wrap .left_bar ul li.active a:after{display:none;}
.database_wrap .left_bar ul li a .fa{font-size:16px;}
.database_wrap .left_bar ul li a{padding:9px;}
.database_wrap .left_bar ul li{border-bottom:1px solid #eec205;}
.iteam_btn .btn{padding:8px 10px;}
}

@media (max-width: 640px) { 
.serch_fild{width:100%; margin-right:0; margin:10px 0;}
.streams .btn{float:left;}
.two_btn .btn{margin-top:10px; font-size:12px; padding:6px 15px;}
.iteam_btn .btn, .product_list li{width:100%; margin-bottom:10px;}
.social_feeds .fild_row .ft_col, .social_feeds .fild_row .ft_col:first-child{width:100%; margin-right:0; margin-bottom:10px;}
.copy_fild dl dt, .copy_fild dl dd{width:100%; margin-right:0; margin-bottom:5px;}
.title{font-size:16px;}

.product_table table, .product_table thead, .product_table tbody, .product_table th, .product_table td, .product_table tr{display: block;}
.product_table thead tr{position:absolute; top:-9999px; left:-9999px;	width:100%; text-align:center;}
.product_table table tr td:first-child, .product_table table tr td, .product_table table tr td:last-child, .product_table tr td:nth-child(4){width:100%; text-align:center;}
.product_table table tr:first-child{display:none;}
.product_table td:nth-of-type{width:100%; text-align:center;}
.product_table  td{border:none; border-bottom:1px solid #eee !important; position:relative; text-align:center;}
.product_table td:before{width:100%; text-align:center; padding-bottom:5px; float:left; white-space:nowrap; color: #cec845; font-family:"Roboto"; font-size:16px;}
.product_table  td:last-child{border-bottom:0;}
.product_table  td img{float:none;}
.product_table td:nth-of-type(1):before { content: "\f00c"; font-family:'FontAwesome';}
.product_table td:nth-of-type(2):before { content: "icon"; }
.product_table td:nth-of-type(3):before { content: "asin"; }
.product_table td:nth-of-type(4):before { content: "product title"; }
.product_table td:nth-of-type(5):before { content: "check product"; }

}

@media (max-width: 560px) {
.iteam_info li{width:100%;}
.col_2, .aside-tabs ul li{width:100%; margin-bottom:10px;} 
.popup_sect .tr_top.t_head select{width:100%; margin:10px 0;}
.popup_sect .tr_top .pull-right{width:100%;}
.top_links .pull-right{width:100%; margin-top:10px;}
}
@media (max-width:440px) {
.api_settings .fild label, .api_settings .fild .fild_col{width:100%;}
.api_settings .fild label{margin-bottom:5px;}
.frm_col .col{margin-bottom:15px;}
.title{font-size:14px;}
}