/*
Theme Name: CHINA GADGET REVIEWS

Theme URL: 
Description: 
Author: SMART CUPS AGENCY
Author URI: www.smartcupsagency.ro
Version: v1 - 2022
*/


*{
	margin: 0px auto;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
}
h1{
	font-size:32px;
	line-height:42px;
	color:#626262;
	text-align:center;
	text-decoration: none;
	font-weight:normal;
	font-family: 'Montserrat', sans-serif;
}
h2{
	font-size:25px;
	line-height:35px;
	color:#626262;
	text-align:left;
	text-decoration: none;
	font-weight:normal;
	margin:0px 0px 20px 0px;
}
h3{
	font-size:21px;
	line-height:31px;
	color:#626262;
	text-align:left;
	text-decoration: none;
	font-weight:normal;
	margin:15px 0px 15px 0px;
}
h4{
	font-size:17px;
	line-height:25px;
	padding:10px 0px 10px 0px;
	text-decoration: none;
	font-weight:normal;
}
h5{
	font-size:17px;
	line-height:25px;
	padding:10px 0px 10px 0px;
	text-decoration: none;
	font-weight:normal;
}
h6{
	font-size:13px;
	line-height:13px;
	padding:9px 0px 9px 0px;
	text-decoration: none;
	font-weight:normal;
	color:#fff;
}
h7{
	font-size:17px;
	line-height:25px;
	margin:5px 0px 10px 10px;
	text-decoration: none;
	font-weight:normal;
	color:#050505;
}
img {
	border:0;
	max-width: 100%;
	height: auto;
}
.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:15px;
}
ul {
    list-style-type: none;
}
ul li{ 
	margin: 0 0 0 20px;
}


/*--------------------------------------------------------------
        Cups
--------------------------------------------------------------*/

#cups {
	float:left;	
	background: #fff;	
	width:100%;
	min-height:10px;
}
#cups-list {
	float:left;
	width:90%;	
	min-height:10px;
	margin-bottom:30px;	
	margin-left:5%;	
	margin-top:80px;	
}

/*--------------------------------------------------------------
        Header
--------------------------------------------------------------*/

#header {
	float:left;	
	background-color: rgba(255,255,255,.96);
	width:100%;
	min-height:10px;	
	position: fixed;
	z-index:100;
}
#header-list {
	float:left;		
	width:90%;
	min-height:10px;	
	margin-top:7px;
	margin-bottom:0px;
	margin-left:5%;
}
#logo {
	float:left;
	width:20%;
	min-height:10px;
	text-align:center;
}
#top {
	float:left;
	width:80%;
	min-height:10px;
	margin-top:5px;
}
#slogan {
	float: left;
	width: 48%;
	min-height: 22px;
	font-size:15px;
	color:#7b7b7b;
	text-align:center;
	font-style:italic;
	margin-top:10px;
}
#search {
	float: right;
	width: 48%;
	min-height:10px;
}
#searchform { 
	float: left;
	width:100%;
}
#searchinput {
	float: left;
	background-color:#ffffff;
	margin-left:10px;
	padding: 2px 10px 2px 10px;
	width:90%;
	height: 28px;
	font-size: 15px;
	color: #373737;
	border: 1px solid #d3d1d1; 
}
#menu {
	float:left;
	width:80%;
	min-height:10px;
	margin-top:10px;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin:0;padding:0;border:0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu:after,
#cssmenu > ul:after {content: ".";display: block;clear: both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width:auto;font-family: 'Montserrat', sans-serif;}
#cssmenu > ul > li {float: left;}
#cssmenu.align-center > ul {font-size:0;text-align:center;}
#cssmenu.align-center > ul > li {display:inline-block;float:none;}
#cssmenu.align-right > ul > li {float:right;}
#cssmenu > ul > li > a {padding: 10px 13px 10px 13px;font-size:17px;text-decoration:none;color:#373737;font-weight:normal;font-family: 'Montserrat', sans-serif;letter-spacing: 1px;}
#cssmenu > ul > li:first-child > a {}
#cssmenu.align-center > ul > li:first-child > a {}
#cssmen.align-right > ul > li:first-child > a {}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {color: #373737;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {color: #fff;background-color: #f01212;}
#cssmenu > ul > li:after {content: '';  position: absolute;  top: 11px;  right: 0;  display: block;  height: 20px;  width: 1px;  opacity: .15;  background: rgba(0, 0, 0, 0.7);  background: linear-gradient(to top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000, rgba(0, 0, 0, 0));}
#cssmenu.align-right > ul > li:after {right: auto;left:-1px;}
#cssmenu > ul > li:before { content: '';  position: absolute;  top: 11px;  right: -1px;  display: block;  height: 20px;  width: 1px;  opacity: .35;  background: rgba(255, 255, 255, 0.8);  background: linear-gradient(to top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.01), #ffffff, rgba(255, 255, 255, 0.01));  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));}
#cssmenu.align-right > ul > li:before {right:auto;left:0px;}
#cssmenu > ul > li:last-child:after,
#cssmenu > ul > li:last-child:before {display: none;}
#cssmenu.small-screen {width: 100%;}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {width:100%;text-align:left;}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {float: none;display: block;}
#cssmenu.small-screen > ul > li > a {padding: 15px 10px;font-size:16px;text-align:center;background-color: #fff;color: #373737;}
#cssmenu.small-screen > ul > li > a:hover {color: #fff;background-color: #f01212;}
#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {display: none;}
#cssmenu.small-screen #menu-button {display: block;padding: 16px 25px 16px 25px;cursor: pointer;font-size: 16px;text-decoration: none;color: #373737;}
#cssmenu.small-screen #menu-button.menu-opened {color: #373737;}
#cssmenu.small-screen #menu-button:after { content: "";  position: absolute;  right: 25px;  top: 16px;  display: block;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;  border-top: 2px solid #373737;  border-bottom: 2px solid #373737;  width: 18px;  height: 3px;}
#cssmenu.small-screen #menu-button.menu-opened:after {border-top: 2px solid #373737;border-bottom: 2px solid #373737;}
#cssmenu.small-screen #menu-button:before {content: "";  position: absolute;  right: 25px;  top: 28px;  display: block;  width: 18px;  height: 2px;  background: #373737;}
/*-------------------
    home
---------------------*/
#home {
	float:left;	
	background: #fff;	
	width:100%;
	min-height:10px;
	margin-top:95px;
}
/*-------------------
    video
---------------------*/
#video {
	float:left;	
	background: #f5f5f5;	
	width:100%;
	min-height:10px;
	margin-top:10px;
}
#video-list {
	float:left;	
	width:90%;
	min-height:10px;
	margin-top:40px;
	margin-bottom:10px;
	margin-left:5%;
}
#video-box-1 {
	float:left;	
	width:47.5%;
	min-height:10px;
	margin-bottom:30px;
}
#video-box-2 {
	float:right;	
	width:47.5%;
	min-height:10px;
	margin-bottom:30px;
}
#video-embed { 
	float:left;	
	width:100%;
	min-height:10px;
	min-height:30px;
}
.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:0px;
margin-top:25px;
height:0;
overflow:hidden;
}

.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#video-title { 
	float:left;	
	width:100%;
	min-height:10px;
	min-height:30px;
	font-size:25px;
	line-height:30px;
	text-align:left;
	color:#2D2C2C;
	margin-top:30px;
}	
#video-title  a {
	color:#4285f4;
	text-decoration: none;
	font-weight:normal;
	font-family: 'Montserrat', sans-serif;
}
#video-title  a:link {  }
#video-title  a:visited { }
#video-title  a:hover{
	color: #0053F9;
	text-decoration:none;
	font-weight:normal;
	font-family: 'Montserrat', sans-serif;
}	
#video-txt {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 19px;
	line-height:30px;
	text-align:left;
	color:#2D2C2C;
	margin-top:20px;
}
#video-link {
	float:left;	
	width:100%;
	min-height:10px;
	text-align:right;
	font-size: 17px;
	margin-top:20px;
}
#video-link a {
	background-color:#f01312;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #ffffff;
	padding:7px 13px 7px 13px;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
}
#video-link  a:link {  }
#video-link a:visited { }
#video-link  a:hover{
	background-color:#0053F9;
	color: #ffffff;
	text-decoration:none;
	font-family: 'Montserrat', sans-serif;
}
/*-------------------
    Partner
---------------------*/
#partner{
	float:left;	
	background: #eeeeee;	
	width:100%;
	min-height:10px;
}
#partner-list {
	float:left;
	width:98%;	
	min-height:10px;
	margin-bottom:20px;	
	margin-top:30px;
	margin-left:1%;	
}
#partner-box {
	float:left;	
	width:7.33%;	
	min-height:50px;
	text-align:center;
	margin-left:0.5%;	
	margin-right:0.5%;
	margin-bottom:10px;		
}
/*-------------------
    Blog
---------------------*/

#blog {
	float:left;	
	background: #fff;	
	width:100%;
	min-height:10px;
	margin-top:60px;
	margin-bottom:60px;	
}
#blog-list {
	float:left;
	width:90%;	
	min-height:10px;
	margin-left:5%;
}
#blog-news {
	float:left;
	width:83%;	
	min-height:10px;
}
#blog-box {
	float:left;
	width:31%;
	min-height:10px;	
	margin-left:1%;
	margin-right:1%;	
	margin-bottom:30px;
	overflow:hidden;
	border: 1px solid #ebebeb;
}
#blog-i {
	float:left;
	width:48%;
	min-height:10px;
	text-align:left;
}
.postimg{
	width: auto;
	height:auto;
}
#blog-t {
	float:right;
	width:50%;
	min-height:140px;
	text-align:center;
	font-size:18px;
	line-height:28px;
	margin-left:1%;
	margin-right:1%;	
} 
#blog-t a {
	color:#4285f4;
	text-decoration: none;
	display:block;	
	padding:10px 0px;
	font-family: 'Montserrat', sans-serif;
}
#blog-t a:link {  }
#blog-t a:visited { }
#blog-t a:hover{
	color:#f01212;
	text-decoration:none;
}
#blog-e {
	float:left;
	width:94%;
	min-height:115px;
	font-size:16px;
	line-height:26px;
	color:#5d5d5d;
	text-align:justify;
	margin-left:3%;
	margin-top:7px;	
}
#blog-c {
	float:left;
	background: #ebebeb;
	width:100%;
	min-height:10px;
}
#blog-l {
	float:left;
	width:33.33%;
	min-height:10px;
	font-size:14px;
	text-align:center;
	border-right: 1px solid #fff;
} 
#blog-l  a {
	color:#626262;
	text-decoration:none;
	padding:5px 0px 5px 0px;	
	display:block;		
}
#blog-l a:link {  }
#blog-l  a:visited { }
#blog-l a:hover{
	background: #f01212;
	color:#fff;
	text-decoration:none;	
}
#blog-a {
	float:left;
	width:33.33%;
	min-height:10px;
	text-align:center;
	font-size:14px;
	border-right: 1px solid #fff;
} 
#blog-a  a {
	color:#626262;
	text-decoration: none;
	padding:5px 0px 5px 0px;
	display:block;	
}
#blog-a a:link {  }
#blog-a  a:visited { }
#blog-a a:hover{
	background: #f01212;
	color:#fff;
	text-decoration:none;
}
#blog-d {
	float:left;
	width:32%;
	min-height:10px;
	font-size:14px;
	color:#626262;
	padding:5px 0px 5px 0px;
	text-align:center;
}
#blog-promo {
	float:right;	
	width:16%;	
	min-height:10px;
	display: inline-block;
	vertical-align:top;	
}
#blog-promo-box {
	float:left;
	width:100%;
	min-height:10px;
	text-align:center;
	margin-bottom:30px;
}


/* Navigation */


#navigation { 
	float: left; 
	width:100%;
	min-height:30px; 
	text-align:center; 
	font-size: 22px; 
	line-height:30px; 
	letter-spacing:1.2px; 
	color:#282828;
}	

.wp-pagenavi a, .wp-pagenavi a:link {
padding: 5px 5px 5px 5px;
margin: 2px;
text-decoration: none;
background-color: #919191;
border: 1px solid #FFF;
color: #FFF;
font-size: 14px;
}

.wp-pagenavi a:visited {
padding: 5px 5px 5px 5px;
margin: 2px;
text-decoration: none;
background-color: #AAAAAA;
border: 1px solid #FFF;
color: #FFF;
font-size: 14px;
}

.wp-pagenavi a:hover {	
background-color: #f01212;
color: #fff;
border: 1px solid #FFF;
}

.wp-pagenavi a:active {
padding: 5px 5px 5px 5px;
margin: 2px;
text-decoration: none;
background-color: #f01212;
border: 1px solid #FFF;
color: #8a8a8a;
font-size: 14px;
}

.wp-pagenavi span.pages {
padding: 5px 5px 5px 5px;
margin: 2px 2px 2px 0px;
background-color: #919191;
border: 1px solid #FFF;
color: #FFF;
font-size: 14px;
}

.wp-pagenavi span.current {
padding: 5px 5px 5px 5px;
margin: 2px;
font-weight: bold;
background-color: #d4d4d4;
border: 1px solid #FFF;
color: #8a8a8a;
font-size: 14px;
}

.wp-pagenavi span.extend {
padding: 5px 5px 5px 5px;
margin: 2px;	
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
/*-------------------
    Comments
---------------------*/
	
ol.commentlist{margin:0px 0 0;clear:both;overflow:hidden;list-style:none;}
ol.commentlist li{margin:5px 0;line-height:18px;padding:10px;}
ol.commentlist li .comment-author{font-size:15px;line-height:20px;color:#6c757d;text-align:left;}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{color:#4285f4;text-decoration:none;}
ol.commentlist li .comment-author .fn{color:#6C6C6C;}
cite.fn{color:#000;font-style:normal;}
ol.commentlist li .comment-author .avatar{float:left;border:1px solid #ddd;background:#fff;padding:3px;margin-right:15px;}
ol.commentlist li .comment-meta{font-size:13px;}
ol.commentlist li .comment-meta .commentmetadata{color:#000;}
ol.commentlist li .comment-meta a{color:#1D81B6;text-decoration:none}
ol.commentlist li p{margin-top:5px;font-size:18px;line-height:27px;color:#6c757d;text-align:justify;}
ol.commentlist li .reply{margin-top:10px;font-size:10px;}
ol.commentlist li .reply a{background:#fff;color:#6C6C6C;text-decoration:none;padding:3px 10px;border:1px solid #eaeaea;}
ol.commentlist li.odd{}
ol.commentlist li.even{}
ol.commentlist li ul.children{list-style:none;margin:1em 0 0;text-indent:0;}
ol.commentlist li ul.children li.depth-2{margin:0 0 0px 50px;}
ol.commentlist li ul.children li.depth-3{margin:0 0 0px 50px;}
ol.commentlist li ul.children li.depth-4{margin:0 0 0px 50px;}
ol.commentlist li ul.children li.depth-5{margin:0 0 0px 50px;}
.comment-nav{padding:5px;height:20px;}
.comment-nav a:link,.comment-nav a:visited{color:#222;}

#respond{margin:10px 0px;}
#respond h3{font-size:18px;line-height:23px;color:#757575;padding:10px;text-align:left;text-decoration: none;font-weight:normal;margin:20px 0px 20px 0px;border-left: 1px solid #81b636;}
#commentform{padding:10px 20px;}

#commentform label{display:block;color:#6c757d;}

.textarea {margin:7px 0px 10px 0px;width:90%;min-height:10px;font-size:16px;line-height:26px;color:#6c757d;text-align:justify;padding: 5px 10px;}
.submit{font-size:16px;color:#fff;background-color:#f01212;padding-top:7px; padding-left:13px; padding-bottom:7px; padding-right:13px;text-decoration: none;text-decoration: none;cursor:pointer;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.submit:hover {background-color: #2d2d2d;color:#fff;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
		

/*-------------------
    Section
---------------------*/
#section {
	float:left;	
	background: #fff;	
	width:100%;
	min-height:10px;
	margin-top:120px;
}
#section-list {
	float:left;
	width:90%;	
	min-height:10px;
	margin-bottom:30px;	
	margin-left:5%;	
	margin-top:50px;	
}

#sidebar {
	float:right;	
	width:16%;	
	min-height:10px;
	margin-top:150px
}
#sidebar-box {
	float:left;
	width:100%;
	min-height:10px;
	margin-bottom:30px;
}
.sidetitl-1{
	margin:10px 0px 0px 10px;
	width:97%;
	min-height:10px;
	text-align:center;
	font-size:18px;
	line-height:25px;
	color:#333333;
	font-weight:normal;
	text-transform: uppercase;
	overflow:hidden;
}
.sidebox-1{
	float:left;
	margin:-20px 0px 0px 0px;
	width:100%;
	color:#282828;
}  
.sidebox-1 ul {
	margin:0px;
	padding: 0px 0px 5px 0px;
	list-style-type: none;
}
.sidebox-1 li{
	margin:0px;
	padding: 0px 0px 5px 0px;
	list-style-type: none;
}
.sidebox-1 ul ul  {
	margin-left:10px;
	padding: 0px 0px 5px 0px;
	list-style-type:none;
	border:0;
}
.sidebox-1 ul ul ul {
	margin:0px;
	padding: 0px 0px 5px 0px;
	list-style-type:none;
	border:0;
}
.sidebox-1 ul ul ul ul {
	margin:0px;
	padding: 0px 0px 5px 0px;
	list-style-type:none;
	border:0;
}	
.sidebox-1 ul li {
	margin:0px;
	padding: 2px 0px 2px 0px;
	width:100%;
	height:100%;
	line-height:18px;
	clear:left;
	list-style-type: none;
	font-size:16px;
	border:0;
	border-bottom: 1px solid #d3ced2;
	overflow:hidden;
}	
.sidebox-1 ul li a:link, .sidebox-1 ul li a:visited {
	padding: 7px 3px 7px 10px;
	width:97%;
	min-height:10px;
	text-align:left;
	font-size:16x;
	line-height:20px;
	color:#4c4c4c;
	text-decoration: none;
	display:block;
}
.sidebox-1 ul li a:hover {
	width:97%;
	min-height:10px;
	text-align:left;
	color:#ff6634;
	text-decoration:none;
	display:block;
} 
.sidebox-1 ul ul li {
	margin:0px;
	padding: 2px 0px 2px 0px;
	width:100%;
	height:100%;
	line-height:20px;
	clear:left;
	list-style-type: none;
	font-size:13px;
	border:0;
}	
.sidebox-1 ul ul li a:link, .sidebox-1 ul li a:visited {
	padding: 4px 3px 4px 10px;
	width:97%;
	min-height:10px;
	text-align:left;
	font-size:14px;
	line-height:20px;
	color:#4c4c4c;
	text-decoration: none;
	display:block;
}
.sidebox-1 ul ul li a:hover {
	width:97%;
	min-height:10px;
	text-align:left;
	color:#ff6634;
	text-decoration:none;
	display:block;
} 
.sidebox-1 p {
	padding: 7px 10px;
	margin:0;
	color:#777777;
}
.sidebox-1 table{
	width:100%;
	text-align:center;
	color:#777777;
}
#content {
	float:left;
	width:83%;	
	min-height:10px;
}
#content-list {
	float:left;
	width:90%;	
	min-height:10px;
	margin-bottom:30px;	
	margin-left:5%;	
	margin-top:80px;	
}
#title {
	float:left;
	width:100%;
	min-height:10px;
	text-decoration:none;
	text-align:left;
	font-size:40px;
	line-height:50px;
	color:#282828;
	text-align:center;
	margin-bottom:40px;	
}
#breadcrumbs {
	float:left;
	width:100%;
	min-height:10px;
	font-size:15px;
	line-height:15px;
	color:#7b7b7b;
	text-align:right;
	margin-bottom:30px;	
} 
#breadcrumbs  a {
	color:#7b7b7b;
	text-decoration: none;
	}
#breadcrumbs a:link {  }
#breadcrumbs  a:visited { }
#breadcrumbs a:hover{
	color:#f01312;
	text-decoration:none;
}
#page {
	float:left;
	width:100%;
	min-height:10px;
	font-size:16px;
	line-height:27px;
	color:#717171;
	text-align:justify;
	margin-top:20px;
	margin-bottom:20px;			
} 
#page p{ 
	margin:5px  0px 0px 0px;
	padding:5px  0px 0px 0px;
}	
#page a {
	color:#4483d1;
	text-decoration:none;
}
#page a:link { }
#page a:visited { }
#page a:hover{
	color:#1c73a6;
	text-decoration:none;
}
/*-------------------
    Youtube
---------------------*/
#youtube {
	float:left;	
	background: #770306 url(files/images/bk-youtube-2560.jpg) no-repeat center left;	
	width:100%;
	min-height:250px;
	margin-top:40px;
}
#youtube-list {
	float:left;	
	width:90%;
	min-height:10px;
	margin-top:50px;
	margin-bottom:45px;
	margin-left:5%;
}
#youtube-txt {
	float:left;	
	width:100%;
	min-height:10px;
	font-size: 23px;
	line-height:36px;
	text-align:center;
	color:#fff;
}
#youtube-txt a {
	color:#fff;
	text-decoration: none;
}
#youtube-txt  a:link {  }
#youtube-txt a:visited { }
#youtube-txt  a:hover{
	color:#fff;
	text-decoration:underline;
}
#youtube-link {
	float:left;	
	width:100%;
	min-height:10px;
	text-align:center;
	font-size: 17px;
	margin-top:25px;
}
#youtube-link a {
	background-color:#fff;
	color: #1c2e33;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:7px 13px 7px 13px;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
}
#youtube-link  a:link {  }
#youtube-link a:visited { }
#youtube-link  a:hover{
	background-color:#f01312;
	color: #ffffff;
	text-decoration:none;
	font-family: 'Montserrat', sans-serif;
}

#video-youtube{
	float:left;	
	width:100%;	
	height:400px;
	margin:40px 0px 30px 0px;
}
/*-------------------
    Influencer
---------------------*/
#influencer-1 {
	float:left;
	background: url(files/images/bk-influencer-1-2560.jpg) no-repeat top center;	
	width:100%;
	height:400px;
	font-size: 19px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
}
#influencer-1 a {
	background-color: rgba(255,255,255,.15);
	color:#fff;
	text-decoration: none;
	display:block;
	height:400px;
} 
#influencer-1 a:link {  }
#influencer-1 a:visited { }
#influencer-1 a:hover{
	background-color: rgba(255,255,255,.0);
	color:#fff;
	text-decoration:none;
}
#influencer-2 {
	float:left;
	background: url(files/images/bk-influencer-2-2560.jpg) no-repeat top center;	
	width:100%;
	height:400px;
	font-size: 19px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
}
#influencer-2 a {
	background-color: rgba(255,255,255,.15);
	color:#fff;
	text-decoration: none;
	display:block;
	height:400px;
} 
#influencer-2 a:link {  }
#influencer-2 a:visited { }
#influencer-2 a:hover{
	background-color: rgba(255,255,255,.0);
	color:#fff;
	text-decoration:none;
}
/*-------------------
    Contact
---------------------*/

#contact-left {
	float:left;
	width:48%;
	min-height:10px;
}
#contact-right {
	float:right;
	width:48%;
	min-height:10px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="select"],
.wpcf7 textarea,
.wpcf7-select {background: #fff;padding: 3px 7px;width:100%; margin: 6px 0px; box-sizing: border-box; font-size:13px;border: 1px solid #d3ced2;color:#777;}
.wpcf7-submit{
	color:#282828;
	text-decoration: none;
	background: #ff6634;
	padding:7px 9px 6px 9px;
	font-size:12px;	
	cursor:pointer;
	border:0;
	}
.wpcf7-submit:hover {
	color:#fff;
	text-decoration:none;
	background: #282828;	
}
/*-------------------
    Partners
---------------------*/
#partners{
	float:left;	
	background: #f0f0f0;	
	width:100%;
	min-height:10px;
}
#partners-list {
	float:left;
	width:90%;	
	min-height:10px;
	margin-bottom:40px;	
	margin-top:50px;
	margin-left:5%;	
}
#partners-box {
	float:left;	
	width:31.33%;	
	min-height:50px;
	text-align:center;
	margin-left:1%;	
	margin-right:1%;
	margin-bottom:20px;		
}
#partners-logo {
	float:left;	
	width:100%;	
	min-height:10px;
	text-align:center;
	margin-bottom:10px;		
}
#partners-feed {
	float:left;
	width:100%;
	min-height:10px;
	text-align:left;
	font-size:17px;
	line-height:23px;
	}	
#partners a {color:#6d6d6d;text-decoration:none;padding:6px;display:block}
#partners a:link {  }
#partners a:visited { }
#partners a:hover{color:#f01312;text-decoration:none;}

/*-------------------
    Line
---------------------*/
#line{
	float:left;	
	background: #eeeeee;	
	width:100%;
	min-height:10px;
}
#line-list {
	float:left;
	width:98%;	
	min-height:10px;
	margin-bottom:20px;	
	margin-top:30px;
	margin-left:1%;	
}
#line-box {
	float:left;	
	width:24%;	
	min-height:50px;
	text-align:center;
	margin-left:0.5%;	
	margin-right:0.5%;
	margin-bottom:10px;		
}
/*-------------------
    Footer
---------------------*/
#footer {
	float:left;
	background:#191919;	
	width:100%;
	min-height:10px;
}
#footer-list {
	float:left;
	width:90%;
	min-height:10px;
	margin-top:80px;
	margin-bottom:80px;
	margin-left:5%;
}
#footer-left {
	float:left;
	width:25%;
	min-height:10px;
}
#footer-title {
	float:left;
	margin-top:12px;
	width:100%;
	min-height:10px;
	font-size: 18px;
	font-weight:bold;
	letter-spacing: 1.7px;
	color:#dadada;
	text-align:center;
	margin-bottom:10px;
}
#footer-txt {
	float:left;
	margin-top:12px;
	width:100%;
	min-height:10px;
	font-size: 16px;
	color:#9b9b9b;
	text-align:center;
}
#footer-txt  a {
	color:#9b9b9b;
	text-decoration: none;
	display:block;
	padding-top:9px;
	padding-bottom:9px;
} 
#footer-txt a:link {  }
#footer-txt  a:visited { }
#footer-txt  a:hover{
	background:#282828;	
	color:#fff;
	text-decoration:none;
}
#footer-right {
	float:left;
	width:75%;
	min-height:10px;
}
#footer-box {
	float:left;
	width:29.33%;
	min-height:10px;
	margin-top:40px;
	margin-bottom:15px;
	margin-left:2%;
	margin-right:2%;
}
.sidetitl-2{
	margin:10px 0px 0px 10px;
	width:97%;
	min-height:10px;
	text-align:center;
	font-size:18px;
	line-height:25px;
	color:#fff;
	font-weight:normal;
	text-transform: uppercase;
	overflow:hidden;
}
.sidebox-2{
	float:left;
	margin:-20px 0px 0px 0px;
	width:100%;
	color:#282828;
}  
.sidebox-2 ul {
	margin:0px;
	padding: 0px 0px 5px 0px;
	list-style-type: none;
}
.sidebox-2 li{
	margin:0px;
	padding: 0px 0px 5px 0px;
	list-style-type: none;
}
.sidebox-2 ul ul  {
	margin-left:10px;
	padding: 0px 0px 5px 0px;
	list-style-type:none;
	border:0;
}
.sidebox-2 ul ul ul {
	margin:0px;
	padding: 0px 0px 5px 0px;
	list-style-type:none;
	border:0;
}
.sidebox-2 ul ul ul ul {
	margin:0px;
	padding: 0px 0px 5px 0px;
	list-style-type:none;
	border:0;
}	
.sidebox-2 ul li {
	margin:0px;
	padding: 2px 0px 2px 0px;
	width:100%;
	height:100%;
	line-height:18px;
	clear:left;
	list-style-type: none;
	font-size:16px;
	border:0;
	border-bottom: 1px solid #282828;
	overflow:hidden;
}	
.sidebox-2 ul li a:link, .sidebox-2 ul li a:visited {
	padding: 10px 3px 10px 3px;
	width:97%;
	min-height:10px;
	font-size:16x;
	line-height:20px;
	color:#9b9b9b;
	text-align:center;
	text-decoration: none;
	display:block;
}
.sidebox-2 ul li a:hover {
	width:97%;
	min-height:10px;
	background:#282828;		
	color:#fff;
	text-align:center;
	text-decoration:none;
	display:block;
} 
.sidebox-2 ul ul li {
	margin:0px;
	padding: 2px 0px 2px 0px;
	width:100%;
	height:100%;
	line-height:20px;
	clear:left;
	list-style-type: none;
	font-size:13px;
	border:0;
}	
.sidebox-2 ul ul li a:link, .sidebox-2 ul li a:visited {
	padding: 4px 3px 4px 10px;
	width:97%;
	min-height:10px;
	text-align:left;
	font-size:14px;
	line-height:20px;
	color:#9b9b9b;
	text-decoration: none;
	display:block;
}
.sidebox-2 ul ul li a:hover {
	width:97%;
	min-height:10px;
	text-align:left;
	color:#ff6634;
	text-decoration:none;
	display:block;
} 
.sidebox-2 p {
	padding: 7px 10px;
	margin:0;
	color:#777777;
}
.sidebox-2 table{
	width:100%;
	text-align:center;
	color:#777777;
}
/*-------------------
    Project
---------------------*/

#project {
	float:left;
	background:#fff;
	min-height:10px;
	width:100%;
}
#project-list {
	float:left;
	width:100%;	
	min-height:10px;
	margin-top:20px;
	margin-bottom:20px;
}
#copyright {
	float:left;
	width:90%;	
	min-height:10px;
	font-size:13px;
	color:#1c2e33;
	text-align:center;
	padding-left:5%;
}

/*-------------------
    Display
---------------------*/

@media (min-width:2560px)
{
#blog-box {
	min-height:100px;	
}
#blog-promo {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
}
@media (min-width:2000px) and (max-width:2559px)
{
#sidebar {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
#blog-box {
	min-height:100px;	
}
#blog-promo {
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
}
@media (min-width:1800px) and (max-width:1999px)
{
#blog-list {
	width:92%;	
	margin-left:4%;
}
#blog-news {
	width:80%;	
}
#blog-t {
	min-height:160px;
}
#blog-e {
	min-height:115px;
}
#blog-promo {
	width:19%;
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
}
@media (min-width:1600px) and (max-width:1799px)
{
#logo {
	width:17%;
}
#top {
	width:83%;
}
#menu {
	width:83%;
}

#blog-list {
	width:92%;	
	margin-left:4%;
}
#blog-news {
	width:77%;	
}
#blog-box {
	width:47.7%;
}
#blog-t {
	min-height:125px;
}
#blog-e {
	min-height:90px;
}
#blog-promo {
	width:21%;
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
}
@media (min-width:1400px) and (max-width:1599px)
{
#header-list {
	width:96%;
	margin-left:2%;
}
#logo {
	width:16%;
}
#top {
	width:84%;
}
#menu {
	width:84%;
}
#blog-list {
	width:94%;	
	margin-left:3%;
}
#blog-news {
	width:75%;	
}
#blog-box {
	width:47.7%;
}
#blog-t {
	min-height:125px;
	font-size:17px;
	line-height:27px;
}
#blog-e {
	min-height:100px;
	font-size:15px;
	line-height:25px;
}
#blog-promo {
	width:23%;
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
}
@media (min-width:1200px) and (max-width:1399px)
{
#header-list {
	width:98%;
	margin-left:1%;
}
#logo {
	width:17%;
}
#top {
	width:83%;
}
#menu {
	width:83%;
}
#cssmenu > ul > li > a {padding: 10px 7px 10px 7px;font-size:16px;}
#partner-box {	
	width:15.66%;		
}
#blog-list {
	width:94%;	
	margin-left:3%;
}
#blog-news {
	width:75%;	
}
#blog-box {
	width:47.7%;
}
#blog-t {
	min-height:157px;
	font-size:17px;
	line-height:27px;
}
#blog-e {
	min-height:107px;
	font-size:15px;
	line-height:25px;	
}
#blog-promo {
	width:26%;
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
}
@media (min-width:1000px) and (max-width:1199px)
{
#header-list {	
	width:96%;
	margin-left:2%;
}
#logo {
	width:25%;
}
#top {
	width:73%;
	margin-top:0px;
}
#slogan {
	font-size:14px;
}
#searchinput {
	padding: 2px 10px 2px 10px;
	height: 24px;
	font-size: 14px;
}
#menu {
	width:73%;
	margin-top:3px;
}
#partner-box {	
	width:15.66%;		
}
#blog-list {
	margin-top:50px;
	margin-bottom:30px;		
}
#blog-news {
	width:100%;	
}
#blog-box {
	width:47.7%;
}
#blog-t {
	min-height:135px;
	font-size:17px;
	line-height:27px;
}
#blog-e {
	min-height:115px;
	font-size:15px;
	line-height:25px;	
}
#blog-promo {
	width:100%;
}
#blog-promo-box {
	width:48%;
	margin-left:1%;
	margin-left:1%;
}
}
@media (min-width:768px) and (max-width:999px)
{
#header-list {	
	width:96%;
	margin-left:2%;
}
#logo {
	width:25%;
}
#top {
	width:73%;
	margin-top:0px;
}
#slogan {
	font-size:14px;
}
#searchinput {
	padding: 2px 10px 2px 10px;
	height: 24px;
	font-size: 14px;
}
#menu {
	width:63%;
	margin-top:3px;
	margin-left:5%;
}
#partner-box {	
	width:15.66%;		
}
#content {
	width:100%;
}
#sidebar {
	width:100%;
	margin-top:30px
}
#blog-list {
	margin-top:50px;
	margin-bottom:30px;		
}
#blog-news {
	width:100%;	
}
#blog-box {
	width:47.7%;
}
#blog-t {
	min-height:150px;
	font-size:16px;
	line-height:26px;
}
#blog-e {
	min-height:110px;
	font-size:14px;
	line-height:24px;	
}
#blog-l {
	font-size:13px;
} 
#blog-a {
	font-size:13px;
}
#blog-d {
	font-size:13px;
}
#blog-promo {
	width:100%;
}
#blog-promo-box {
	width:48%;
	margin-left:1%;
	margin-left:1%;
}
#contact-left {
	float:left;
	width:100%;
	min-height:10px;
	margin-bottom:15px;
}
#contact-right {
	float:right;
	width:100%;
	min-height:10px;
	margin-bottom:15px;
}
#blog-promo {
	width:100%;
	margin-top:30px
}
#youtube-list {
	margin-top:65px;
}
#footer-left {
	width:100%;
	margin-top:0px;
}
#footer-txt {
	width:48%;
	margin-left:1%;
	margin-right:1%;
}
#footer-right {
	width:100%;
}
#footer-box {
	width:29.33%;
	margin-left:2%;
	margin-right:2%;
}
}
@media (min-width:480px) and (max-width:767px)
{
#header-list {	
	width:96%;
	margin-left:2%;
}
#logo {
	width:25%;
}
#top {
	width:73%;
	margin-top:0px;
}
#slogan {
	width:100%;
	font-size:14px;
	margin-top:0px;
}
#search {
	float:left;	
	width:100%;
	margin-top:3px;
}
#searchinput {
	padding: 2px 10px 2px 10px;
	height: 24px;
	font-size: 14px;
}
#menu {
	width:70%;
	margin-top:0px;
	margin-left:15%;
}
#video-box-1 {
	width:100%;
}
#video-box-2 {
	width:100%;
}
#partner-box {	
	width:23%;		
}
#content {
	width:100%;
}
#sidebar {
	width:100%;
	margin-top:30px
}
#blog-list {
	margin-top:50px;
	margin-bottom:30px;		
}
#blog-news {
	width:100%;	
}
#blog-box {
	width:98%;
}
#blog-t {
	font-size:16px;
	line-height:26px;
	min-height:10px;	
}
#blog-e {
	min-height:10px;
	font-size:14px;
	line-height:24px;	
	margin-bottom:7px;
}
#blog-l {
	font-size:13px;
} 
#blog-a {
	font-size:13px;
}
#blog-d {
	font-size:13px;
}
#blog-promo {
	width:100%;
}
#contact-left {
	float:left;
	width:100%;
	min-height:10px;
	margin-bottom:15px;
}
#contact-right {
	float:right;
	width:100%;
	min-height:10px;
	margin-bottom:15px;
}
#youtube-list {
	margin-top:55px;
}
#partners-box {
	width:98%;
}
#footer-left {
	width:100%;
	margin-top:0px;
}
#footer-txt {
	width:48%;
	margin-left:1%;
	margin-right:1%;
}
#footer-right {
	width:100%;
}
#footer-box {
	width:29.33%;
	margin-left:2%;
	margin-right:2%;
}
}
@media (min-width:300px) and (max-width:479px)
{
#header-list {	
	width:96%;
	margin-left:2%;
}
#logo {
	width:25%;
}
#top {
	width:73%;
	margin-top:0px;
}
#slogan {
	width:100%;
	font-size:14px;
	margin-top:0px;
}
#search {
	float:left;	
	width:100%;
	margin-top:3px;
}
#searchinput {
	padding: 2px 10px 2px 10px;
	height: 24px;
	font-size: 14px;
}
#menu {
	width:80%;
	margin-top:0px;
	margin-left:10%;
}
#video-box-1 {
	width:100%;
}
#video-box-2 {
	width:100%;
}
#partner-box {	
	width:32.33%;		
}
#content {
	width:100%;
}
#sidebar {
	width:100%;
	margin-top:30px
}

#blog-list {
	margin-top:50px;
	margin-bottom:30px;		
}
#blog-news {
	width:100%;	
}
#blog-box {
	width:98%;
}
#blog-t {
	font-size:16px;
	line-height:26px;
	min-height:10px;	
}
#blog-e {
	min-height:10px;
	font-size:14px;
	line-height:24px;	
	margin-bottom:7px;
}
#blog-l {
	font-size:13px;
} 
#blog-a {
	font-size:13px;
}
#blog-d {
	font-size:13px;
}
#blog-promo {
	width:100%;
}
#contact-left {
	float:left;
	width:100%;
	min-height:10px;
	margin-bottom:15px;
}
#contact-right {
	float:right;
	width:100%;
	min-height:10px;
	margin-bottom:15px;
}
#youtube-list {
	margin-top:40px;
}
#partners-box {
	width:98%;
}
#footer-left {
	width:100%;
	margin-top:0px;
}
#footer-txt {
	width:98%;
	margin-left:1%;
	margin-right:1%;
}
#footer-right {
	width:100%;
}
#footer-box {
	width:98%;
	margin-left:1%;
	margin-right:1%;
}
}