*{ margin:0; padding:0;}

img{ border:none; outline:none; max-width:100%;}

a{ text-decoration:none; outline:none; border:none;}

ul{ list-style-type:none;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}

.clear{ clear:both;}

body{ margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:12px; background:#f6f6f6}

.edit-link{    background-color: white;
    position: absolute;
    width: 26px;
    opacity: .5;}
    
.top_outer{ width:100%; float:left; position:relative;}

.top_outer img{ width:100%;}



.top_inner{ position:absolute; left:0; top:0; width:100%;}

.top_nav_outer{ width:100%; float:left; border-bottom:2px solid #888b92; height:48px;}

.top_nav_wrapper{ width:1292px; margin:0 auto; height:48px;}

.logo{ float:left; margin:18px 0 0 0;}

.top_nav_wrapper ul{ float:right; margin:0 0 0 0;}

/*

.top_nav_wrapper ul li{ float:left; margin:0 15px; font-size:13px; line-height:43px; text-transform:uppercase;}

.top_nav_wrapper ul li a{ color:#ffffff;}

.top_nav_wrapper ul li a:hover{ color:#ccc;}

.top_nav_wrapper ul li a.active{ color:#ccc;}*/

.nav_sub_back {
    float: left;
    color: #fff;
    font-style: italic;
    color: #fff;
    background: url(/Content/ns/images/big_arrow_left.png) left center no-repeat;
    padding-left: 30px;
    margin-top: 16px;
}

img.features{
    padding: 0px 0px 0px 0px;
    width: 600px;
    display: block;
    position: relative;
    margin: 0 auto;
}

.features-header{
    /*font-family:Arial, Helvetica, sans-serif; */
    /*color:#505050; */
    font-size:18px; 
    padding: 20px 50px 20px 40px;
    text-align:center;
}

.block_one_libraries {
    width: 50%;
    position: relative;
    margin: 0 auto;
}

.collapse {height:0; display:table; float:right; width:auto; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease;
-o-transition: height 0.35s ease; transition: height 0.35s ease;}	
	      
.nav-collapse.collapse { height: auto;}

.collapse.in { height: auto; height: auto\9 !important;}

.btn-navbar {display: none;	width:46px;	height:34px; margin:22px auto 0; background:none; border:none;}

.btn-navbar .icon-bar {display: block; width: 38px; height: 4px; margin:6px auto; background-color: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

.banner_outer{ width:100%; float:left; margin-top:45px;}

.banner_inner{ width:1292px; margin:0 auto; overflow:hidden;}

.banner_left{ width:450px; float:left;}

.banner_left h1{ color:#fff; background:url(/content/ns/images/banner_logo_white.png) left center no-repeat; font-size:33px; padding:20px 65px; line-height: 38px;}

.banner_left h1.teal{ background:url(/content/ns/images/banner_logo_teal.png) left center no-repeat;}

.banner_left h2{ color:#fff; font-size:24px; font-weight:300; margin:15px 0 0 25px; line-height: 30px;}

.banner_left p{ font-size:15px; line-height:18px; color:#fff; margin:15px 0 0 25px; font-weight:300;}

.banner_left p a{ float:left; background:#2451af; color:#fff; margin-top:7px; line-height:40px; width:178px; border-radius:4px; text-align:center; font-weight:bold; text-transform:uppercase;}

.banner-img img.rpc{min-height:540px;}
.banner-img img.sub{min-height:350px;}

.navigation_outer{ width:100%; float:left; height:48px; background:#001f60; }

.nav_wrapper{ width:1292px; margin:0 auto; height:48px;}

.nav_wrapper ul{ float:left; margin:0 0 0 0;}

.nav_wrapper ul li{ float:left;  font-size:13px; line-height:48px; text-transform:uppercase; background:url(/Content/ns/images/nav_divider.jpg) left center no-repeat;}

.nav_wrapper ul li:first-child{ background:none;}

.nav_wrapper ul li a{ color:#ffffff; float:left; padding:0 25px;}

.nav_wrapper ul li a:hover{background:#2451af;}

.nav_wrapper ul li a.main_active{background:#2451af;}

.nav-collapse2{ float:left;}

.nav_wrapper strong{ display:none; float:left; color:#fff; text-transform:uppercase; margin-top:15px; font-size:15px;}

.view_prod{ float:right; color:#fff; font-style:italic; color:#fff; background:url(/Content/ns/images/big_arrow.png) right center no-repeat; padding-right:31px; margin-top:16px;}

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

.block_one{ min-height:359px; background:#f6f6f6 url(../content/ns/images/block_1_bg.jpg) left center no-repeat;}

.main_wrap{ width:1292px; margin:0 auto; overflow:hidden;}

.block_one_content{ float:right; width:404px; margin-right:113px; margin-top:122px;}

.block_one_content h3{ font-size:24px; color:#291c44;}

.block_row{ width:100%; overflow:hidden; margin-top:18px;}

.gallery_btn{ float:left; color:#291c44; font-size:13px; margin-top:11px; font-weight:bold; background:url(/Content/ns/images/block_arrow.png) right center no-repeat; padding-right:25px;}
.gallery_btn.white{ background:url(/Content/ns/images/white_arrow.png) right center no-repeat; }

.rpctype_circles {float:left; width:37px; height:37px; border-radius:100%; font-weight:bold; text-align:center; color:#fff; line-height:37px; font-size:12px; background:#001f60;}

.block_row ul{ background:url(/Content/ns/images/block_divider.jpg) left center no-repeat; padding-left:14px; float:right;}

.block_row ul li{ width:37px; height:37px; border-radius:100%; margin:0 7px; float:left; text-transform:uppercase;}

.block_row ul li a{ float:left; width:37px; height:37px; border-radius:100%; font-weight:bold; text-align:center; color:#fff; line-height:37px; font-size:12px; background:#001f60;}

.block_row ul li a:hover{ background:#2451af;}

.block_two{ min-height:359px; background:#fbfbfb url(../content/ns/images/block_2_bg.jpg) right center no-repeat;}

.block_two_content{ float:left; width:398px; margin-top:48px; margin-left:10px;}

.block_two_content h3{ font-size:24px; color:#291c44;}

.block_two_content p{ font-size:14px; color:#333333; font-weight:300; margin-top:16px;}

.block_row2{ width:100%; overflow:hidden; margin-top:18px;}

.block_2_list{ float:left; margin-left:15px; margin-top:8px; border-left:2px solid #aba8b1; padding-left:20px; box-sizing:border-box; width:185px;}

.block_2_list ul{ margin:0; padding:0;}

.block_2_list ul li{ width:50%; float:left; margin:3px 0;}

.block_2_list ul li a{ float:left; width:100%; color:#333333; font-size:9px;}

.block_three{background:#05030b url(/content/ns/images/block_3_bg.jpg) right center no-repeat; min-height:359px;}

.block_three.rpc{
    background: #5c5c5c url(/Content/ns/images/block_3_bg_rpc.jpg) right center no-repeat;
    min-height:400px;
}

.block_three_content{ width:548px; float:left; margin-left:10px;}

.block_three_content h3{color:#2451af; font-size:24px; margin:68px 91px 0 0; }

.block_three_content.rpc h3{color: #f6f6f6;}

.block_three_content p{ color:#7f7e82; font-size:14px; line-height:18px; font-weight:300; padding-right:94px; margin-top:16px;}

.block_three_content.rpc p{    color: #ffffff; } 

.block_four_left {
    float: left;
    margin-right: 0px;
    margin-top: 20px;
}

.block_four_right {
    width: 550px;
    float: right;
    margin-top: 56px;
}

.block_four_right h3 {
    color: #291c44;
    font-size: 24px;
    line-height: 26px;
}

.block_four_right p {
    color: #291c44;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-top: 15px;
}

.more_bar {
    width: 100%;
    float: center;
    background: #001f60;
    min-height: 70px;
}
.more_bar a {
    color: #fff;
    font-style: italic;
    font-size: 20px;
    margin-top: 8px;
    display: block;
    position: relative;
    text-align: center;
}
.partner_btn a{
    float: left;
    background: #001f60;
    color: #f6f6f6;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 90px;
    line-height: 40px;
    width: 210px;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.download_bar {
    width: 100%;
    background: #001f60;
    min-height: 90px;
    /*padding: 1% 30%;*/
}

.download_bar_item{
    width: 420px;
    height: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
}

.download_bar_list{
       width: 845px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    height: 90px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.steps_circle ul li a {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    font-weight: bold;
    text-align: center;
    color: #f6f6f6;
    line-height: 80px;
    font-size: 12px;
    background: #2451af;
}

.download_btn {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
.download_btn a {
    float: left;
    background: #f6f6f6;
    color: #001f60;
    margin-top: 0px;
    /*margin-right: 90px;*/
    line-height: 40px;
    width: 230px;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
.download_creator{ color: #e6e6e6; padding-right:30px;}
.download_creator.width90{width:90px; padding-right:25px;}
.block_3_list{ float:left; margin-left:15px; width:331px; border-left:2px solid #3f3d45; padding-left:15px; box-sizing:border-box;}
.block_3_list.white{color: #f6f6f6;     border-left: 2px solid #f6f6f6;}

.block_3_list ul{ margin:0; padding:0;}

.block_3_list ul li{ display:block; width:100%; margin:4px 0; background:url(/Content/ns/images/grey_bullet.jpg) left center no-repeat; padding-left:6px;}

.block_3_list ul li a{ color:#7f7e82; font-size:9px;}

.block_four{background:#f6f6f6 url(../content/ns/images/block_4_bg.jpg) left center no-repeat; min-height:359px;}

.block_four.rpc{
    background: #f6f6f6;
    min-height: 357px;
}

.block_four_content{ float:right; width:449px; margin-right:73px; }

.block_four_content h3{color:#291c44; font-size:24px; margin:68px 91px 0 0; }

.block_four_content p{ color:#333333; font-size:14px; line-height:18px; font-weight:300; margin-top:16px; padding-right:59px;}

.block_4_list{ 
float:left; 
margin-left:15px; 
/*width:243px; */
width:343px;
border-left:2px solid #aba8b1; 
padding-left:10px; 
box-sizing:border-box;
}



.block_4_list ul{ margin:0; padding:0;}

.block_4_list ul li{ display:block; width:100%; margin:4px 0; background:url(/Content/ns/images/black_bullet.jpg) left center no-repeat; padding-left:7px;}

.block_4_list ul li a{ color:#7f7e82; font-size:9px;}

.download_dashboard{ /*background:none;*/ font-weight:bold;  color:#291c44; }

.block_five{ background:#001f60; min-height:357px;}

.block_five_left{ width:406px; float:left; margin-top:36px;margin-left:10px;}

.block_five_left h3{ color:#fff; font-size:24px; line-height:26px;}

.block_five_left p{ color:#fff; font-size:14px; line-height:18px; font-weight:300; margin-top:15px;}

.block_five img {
    width: 100%;
    float: right;
}

.view_port{ text-transform:uppercase; color:#fff; float:left; margin-top:8px; font-weight:bold; background:url(/Content/ns/images/white_arrow.png) right center no-repeat; padding-right:25px; font-size:13px; font-weight:bold;}

.block_five_right{ float:right; margin-right:106px; margin-top:102px;}

.block_five_right.rpc{
        margin-right: 0px;
    margin-top: 50px;
}

.block_six{ background:#5c5c5c; min-height:360px;}

.block_six_content{ width:574px;}

.block_six_content h3{color:#ffffff; font-size:24px; margin:68px 91px 0 0; }

.block_six_content.rpc h3{ margin: 28px 91px 0 0;}

.block_six_content p{ color:#e6e6e6; font-size:14px; line-height:18px; font-weight:300; padding-right:160px; margin-top:16px;}

.block_six_list_left{ float:left; width:209px;}

.block_six_list_left.width110{ width:110px;}

.block_6_list{ float:left; margin-left:15px; width:331px; border-left:2px solid #aba8b1; padding-left:15px; box-sizing:border-box;}

.block_6_list.white{color: #f6f6f6; }

.block_6_list ul{ margin:0; padding:0;}

.block_6_list ul li{ display:block; width:100%; margin:4px 0; background:url(/Content/ns/images/grey_bullet.jpg) left center no-repeat; padding-left:6px;}

.block_6_list ul li a{ color:#e6e6e6; font-size:9px;}

.block_six_right{ float:right; margin-right:106px; margin-top:42px;}

.block_six_right.rpc {
    float: right;
    margin-right: 550px;
    margin-top: 30px;
}

.download_creator2{ color:#e6e6e6; background:url(/Content/ns/images/white_arrow.png) right center no-repeat; width:170px;}

.footer{ width:100%; background:url(/content/ns/images/foot_bg.jpg) repeat; min-height:378px; float:left;    font-family: 'Roboto', sans-serif;
    font-size: 12px;}

.footer_wrapper{ width:430px; margin:50px auto 0; overflow:hidden; padding-left:40px}

.footer_left{ width:182px; float:left; border-right:2px solid #a0a0a0; padding-bottom:10px; padding-right:50px; box-sizing:border-box;}

.footer_left h4{ text-align:right; font-size:20px; color:#555555; text-transform:uppercase; font-weight:bold;}

.footer_left ul{ margin:10px 0 0 0; float:left; width:100%; padding:0;}

.footer_left ul li{ display:block; float:left; margin:6px 0;  width:100%;}

.footer_left ul li a{ float:left; display:block; color:#555555; font-weight:300; font-size:14px; text-align:right; width:100%;}

.footer_right{ float:right; width:207px;}

.footer_right h4{ text-align:left; font-size:20px; color:#555555; text-transform:uppercase; font-weight:bold;}

.footer_right ul{ margin:10px 0 0 0; padding:0;}

.footer_right ul li{ width:100%; float:left; margin:9px 0;}

.footer_right ul li a{ float:left; width:100%; display:block; color:#555555; font-size:14px; box-sizing:border-box;}

.footer_right ul li a.social_1{ background:url(/Content/ns/images/social_1.png) 5px center no-repeat; padding-left:35px;}

.footer_right ul li a.social_2{ background:url(/Content/ns/images/social_2.png) left center no-repeat; padding-left:35px;}

.footer_right ul li a.social_3{ background:url(/Content/ns/images/social_3.png) left center no-repeat; padding-left:35px;}

.footer_right ul li a.social_4{ background:url(/Content/ns/images/social_4.png) left center no-repeat; padding-left:35px;}

.footer_right ul li a.social_5{ background:url(/Content/ns/images/social_5.png) left center no-repeat; padding-left:35px;}

.copyright_outer{ width:100%; text-align:center; line-height:35px; background:#2a2a2a; float:left; color:#c5c5c5;}


/*innerpage*/

.mainbody-wrapper{width:100%; margin:0 auto; padding:0; color:#fff;}

.mainbody-wrapper h2{ font-size:22px; font-weight:300; line-height:28px; padding:0 0 15px;}

.box1{width:33%; background:#00a1a3; float:left; height:597px;}

.box2{width:34%; background:#676767; float:left; height:597px;}

.box3{width:33%; background:#001f60; float:left; height:597px;}

.heading1{background:#007070; height:58px; text-align:center;}

.heading1 img{margin:15px 0 0;}

.heading2{background:#2e2e2e; height:58px; text-align:center;}

.heading2 img{margin:15px 0 0;}

.heading3{background:#0e1e38; height:58px; text-align:center;}

.heading3 img{margin:5px 0 0;}

.heading4{
    background: #000000;
    height: 58px;
    text-align: center;
}
.heading4 img {
    margin: 1px 0 0;
}

.box-inner{padding:28px 35px; font-size:14px; line-height:28px;}

.box-inner h2{ height: 50px;}

.box-inner ul{list-style-type:disc; padding-left:15px; height:120px}

.inner-box{ text-align:center; border:1px solid #fff; font-weight:500; text-transform:uppercase; padding:16px 0; margin:16px 0 24px;}



.icons span{float:left; padding:0 15px 0 0; line-height:33px;}

.icons img{margin-right:8px;}

.banner_left-inner{width:455px;}
.link{ float:left; background:#009491; color:#fff; display:-inline-block;  line-height:40px; width:178px; border-radius:2px; text-align:center; font-weight:bold; text-transform:uppercase; margin-bottom:15px;}


.banner_left h4{width:178px; margin:25px 25px 0; float:left;}

.banner_left h4 strong{ text-transform:uppercase; color:#fff; display:block; font-weight:700; }
.banner_left h4 img{width:auto; margin-left:5px;}

.banner_left h5{background:url(/Content/ns/images/divider.jpg) 0 0 no-repeat; float:left; margin:25px 0 0; height:74px;}

.banner_left h5 img{width:auto; margin:15px 0 0 25px;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* download dashboard page */

div.downloaddashboard-page {
	padding:0px;
	margin:0px;
	background-color:#ffffff;
	height:100%;
}

div.downloaddashboard-page a
{
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	color:#857e76;
	padding:0px;
	margin:0px;
	text-decoration:underline;
}

div.downloaddashboard-page a:hover
{
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	color:#857e76;
	padding:0px;
	margin:0px;
	text-decoration:underline;
}

div.downloaddashboard-sectionone
{
	margin:0px;
	padding:20px 0xp 20px 0px;
}
div.downloaddashboard-dbimage
{
	float:left;
	margin:0px;
	padding:0px;

}
div.downloadrvtsampleimage
{
	float:left;
	margin:0px;
	padding:0px;
}
div.downloadrvtsampleimage img
	{
	background-color:f5f5f5;
    margin: 30px;
    padding: 0px;
    width: 480px;
    border: 1px;
    border-color: black;
    border-style: solid;
}


div.downloaddashboard-dbimage img
{
	margin:0px;
	padding:0px;
	width:480px;
	border:0px;
}

div.downloaddashboard-dbdlinfo
{
	float:right;
	margin:0px;
	padding:40px 0px 0px 0px;
	height:270px;
}

div.downloaddashboard-dbdlinfo h1.dbdl
{
	font-family:Arial;
	font-weight:normal;
	font-size:20px;
	color:#626262;
	padding:0px 0x 50px 0px;
	margin:0px;
}

div.hrdbdl hr.dbdl
{
	color:#d8e5f0;
	width:100%;
	clear:both;
	margin:0px;
	padding:0px;
}

div.downloaddashboard-line2-saverun
{
	float:left;
	margin:0px;
	padding:0px 30px 0px 0px;
	height:178px;
}

div.downloaddashboard-line2-saverun img
{
	width:300px;
	margin:102px 0xp 0px 0px;
	padding:0px;
	border:0px;
}

div.downloaddashboard-line2-install
{
	float:left;
	margin:0px;
	padding:0px 30px 0px 0px;
	height:245px;
}

div.downloaddashboard-line2-install img
{
	width:300px;
	margin:0px;
	padding:0px;
	border:0px;
}

div.downloaddashboard-line2-login
{
	float:left;
	margin:0px;
	padding:0px;
	height:178px;
}

div.downloaddashboard-line2-login img
{
	width:300px;
	margin:0px;
	padding:0px;
	border:0px;
}

div.downloaddashboard-line2b-saverun
{
	float:left;
	margin:0px;
	padding:0px 30px 0px 0px;
	height:125px;
	width:300px;
}

div.downloaddashboard-line2b-saverun h2
{
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	color:#626262;
	padding:0px;
	margin:0px;
}

div.downloaddashboard-line2b-saverun p
{
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	color:#626262;
	padding:0px;
	margin:5px 0px 0px 0px;
	text-align:left;
}

div.downloaddashboard-line2b-install
{
	float:left;
	margin:0px;
	padding:0px 30px 0px 0px;
	height:125px;
	width:300px;
}

div.downloaddashboard-line2b-install h2
{
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	color:#626262;
	padding:0px;
	margin:0px;
}

div.downloaddashboard-line2b-intall p
{
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	color:#626262;
	padding:0px;
	margin:5px 0px 0px 0px;
	text-align:left;
}

div.downloaddashboard-line2b-login
{
	float:left;
	margin:0px;
	padding:0px;
	height:125px;
	width:300px;
}

div.downloaddashboard-line2b-login h2
{
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	color:#626262;
	padding:0px;
	margin:0px;
}

div.downloaddashboard-line2b-login p
{
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	color:#626262;
	padding:0px;
	margin:5px 0px 0px 0px;
	text-align:left;
}

div.downloaddashboard-line3-plugins
{
	float:left;
	margin:0px;
	padding:0px 30px 0px 0px;
	height:40px;
}

div.downloaddashboard-line3-plugins img
{
	width:300px;
	margin:0px;
	padding:0px;
	border:0px;
}

div.downloaddashboard-line3b-plugins
{
	float:left;
	margin:0px;
	padding:0px 30px 0px 0px;
	height:125px;
	width:300px;
}

div.downloaddashboard-line3b-plugins h2
{
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	color:#626262;
	padding:0px;
	margin:0px;
}

div.downloaddashboard-line3b-plugins p
{
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	color:#626262;
	padding:0px;
	margin:5px 0px 0px 0px;
	text-align:left;
}


div.downloaddashboard-line3-rpcchannel
{
	float:left;
	margin:0px;
	padding:0px 30px 0px 0px;
	height:40px;
}

div.downloaddashboard-line3-rpcchannel img
{
	width:300px;
	margin:0px;
	padding:0px;
	border:0px;
}

div.downloaddashboard-line3b-rpcchannel
{
	float:left;
	margin:0px;
	padding:0px 30px 0px 0px;
	height:125px;
	width:300px;
}

div.downloaddashboard-line3b-rpcchannel h2
{
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	color:#626262;
	padding:0px;
	margin:0px;
}

div.downloaddashboard-line3b-rpcchannel p
{
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	color:#626262;
	padding:0px;
	margin:5px 0px 0px 0px;
	text-align:left;
}


div.downloaddashboard-line3-buy
{
	float:left;
	margin:0px;
	padding:0px;
	height:40px;
}

div.downloaddashboard-line3-buy img
{
	margin:0px;
	padding:0px;
	border:0px;
}

div.downloaddashboard-line3b-buy
{
	float:left;
	margin:0px;
	padding:0px;
	height:125px;
	width:300px;
}

div.downloaddashboard-line3b-buy h2
{
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	color:#626262;
	padding:0px;
	margin:0px;
}

div.downloaddashboard-line3b-buy p
{
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	color:#626262;
	padding:0px;
	margin:5px 0px 0px 0px;
	text-align:left;
}


/*responsive style 1171*/

@media only screen and (min-width: 768px) and (max-width: 1300px) {
.banner-img img.rpc{min-height:0px;}
.banner-img img.sub{min-height:0px;}
.top_nav_outer{ height:auto; background:#000;}

.top_inner{ position:inherit; }

.top_nav_wrapper{ width:750px; height:auto; padding:8px 0;}



.top_nav_wrapper ul{ float:right;}

/*.top_nav_wrapper ul{ width:100%; margin-top:14px;}

.top_nav_wrapper ul li { width:100%; margin:0 auto; float:none; list-style-type:none; line-height:normal;}	*/

/*.top_nav_wrapper ul li:first-child{ border:none;}*/		

/*.top_nav_wrapper ul li a {text-align: left; line-height:33px; float:left; width:290px; padding:0 10px;}	*/
.nav-collapse,
.nav-collapse.collapse { height: 0; margin-top:10px; overflow: hidden; background:transparent; z-index: 99999; }

.nav-collapse {clear: both;}

.btn-navbar { display: inline-block; height:auto; width:auto; float:right; cursor: pointer; margin-top:0;}

.collapse {display:block;position:relative; float:none; height: 0;overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease;-ms-transition: height 0.35s eas-o-transition: height 0.35s ease; transition: height 0.35s ease; }

.top_nav_wrapper{ width:750px;}

.banner_outer{ background:#000; margin:0; padding:20px 0;}

.banner_inner{ width:750px;}

.banner_left{ width:100%;}

.banner_left h2{ margin-left:0;}

.banner_left p{ margin-left:0;}


.navigation_outer{ height:auto; padding:10px 0;}

.nav_wrapper{ height:auto; width:750px;}

.nav_wrapper ul{ width:100%; margin-top:14px;}

.nav_wrapper ul li { width:100%; margin:0 auto; background:none; float:none; list-style-type:none; line-height:normal;}	

.nav_wrapper ul li:first-child{ border:none;}		

.nav_wrapper ul li a {text-align: left; line-height:33px; float:left; width:100%; box-sizing:border-box; padding:0 10px;}	

.nav-collapse2,
.nav-collapse2.collapse_nav { height: 0; margin-top:10px; overflow: hidden; background:transparent; z-index: 99999; }

.nav-collapse2 {clear: both;}

.btn-navbar { display: inline-block; height:auto; width:auto; float:right; cursor: pointer; margin-top:0;}

.collapse_nav {display:block;position:relative; float:none; height: 0;overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease;-ms-transition: height 0.35s eas-o-transition: height 0.35s ease; transition: height 0.35s ease; }

.nav_wrapper strong{ display:block;}

.view_prod{ float:left;}


.block_one{padding:20px 0 350px; background-size:100% auto; min-height:0; background-position:left bottom;}

.main_wrap{ width:750px;}

.block_one_content{ width:100%; margin: 0;}

.block_one_content h3{ font-size:21px;}


.block_row ul{ float:left; margin-left:15px;}

.block_two{padding:20px 0 350px; background-size:100% auto; min-height:0; background-position:left bottom;}

.block_two_content{ width:100%; margin:0; padding-bottom:150px;}

.block_three{padding:20px 0 259px; background-size:100% auto; min-height:0; background-position:left bottom;}

.block_three.rpc {
    min-height: 510px;
    /*background: #5c5c5c;*/
    background-position: left bottom;
    background-size: 100% auto;
}

.block_three_content{ width:100%;}

.block_three_content h3{ margin:0; font-size:21px;}

.block_three_content p{ padding-right:0;}

.block_3_list{ width:100%; border:none; margin-top:15px; padding-left:0; margin-left:0;}

.download_creator{ margin-left:0;}

.block_four{padding:20px 0 50px; background-size:100% auto; min-height:0; background-position:left bottom;}

.block_four_content{ width:100%; margin:0; padding-bottom:100px;}

.block_four_content h3{ margin:0; font-size:21px;}

.block_4_list{ margin:10px 0 0 0; border:none; padding:0;}

.download_dashboard{ margin-left:0;}

.block_five_left{ width:100%; float:none; overflow:hidden; margin-top:20px;}

.block_five_left h3{ font-size:20px; }

.block_five_right{ width:100%; float:none; overflow:hidden; margin-top:20px; margin-bottom:20px;}

.block_six_content{ width:100%; float:none; overflow:hidden;}

.block_six{ padding-top:20px; padding-bottom:20px;}

.block_6_list{ width:100%; padding:0; margin:10px 0 0 0; border:none;}

.download_creator2{ margin-bottom:5px; margin-left:0; display:block;}

.block_six_right{ width:100%; float:none; margin:10px 0 0 0;}

.block_six_right.rpc{display:none;}

.block_four_right {
    width: 100%;
    margin-top: 56px;
}

.block_four_left {
    width: 400px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    display: block;
    position: relative;
    float: none;
}

.footer{ min-height:246px;}
 
.footer_wrapper{ width:320px; margin-top:22px;}

.footer_right h4{ font-size:13px;}

.footer_left h4{ font-size:13px;}

.footer_left{ width:152px; padding-right:22px;}

.footer_right{ width:138px;}
/*innerpage*/

.mainbody-wrapper{width:100%; margin:0 auto; padding:0; color:#fff;}

.mainbody-wrapper h2{ font-size:18px; line-height:normal;}

.box1{width:33%; background:#50d2c2; float:left; height:579px;}

.box2{width:34%; background:#676767; float:left;height:579px; }

.box3{width:33%; background:#001f60; float:left;height:579px;}

.heading2{padding:0 8px;}

.box-inner{padding:28px 10px; font-size:14px; line-height:normal;}
.box2 .box-inner{ margin:0 11px;}

.banner_left-inner{width:455px;}

.partner_btn a {
    float: right;
    
}


.download_bar {
    width: 100%;
    /* background-color:green;*/
    min-height: 180px;
    display: none;
}
.download_bar_item{
    width: 45%;
    height: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
}

.download_bar_list{
       /*width: 845px;*/
       width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    height: 90px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
}

.steps_circle ul li a {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    font-weight: bold;
    text-align: center;
    color: #f6f6f6;
    line-height: 80px;
    font-size: 12px;
    background: #2451af;
}

.download_btn {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
.download_btn a {
    float: left;
    background: #f6f6f6;
    color: #001f60;
    margin-top: 0px;
    /*margin-right: 90px;*/
    line-height: 40px;
    width: 230px;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}


}





@media only screen and (min-width: 1024px) and (max-width: 1171px) {
.mainbody-wrapper h2{ font-size:22px; line-height:normal;}
.box-inner{line-height:24px;}
.icons img{margin:0 2px 0 0;}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {

.block_one_libraries{
    width:80%;
}
.banner-img img.rpc{min-height:0px;}
.banner-img img.sub{min-height:0px;}
.top_nav_outer{ height:auto; background:#000;}

.logo{ margin:12px 0 0 10px;}

.top_inner{ position:inherit; }

.top_nav_wrapper{ width:470px; height:auto; padding:8px 0;}

.top_nav_wrapper ul{ float:none;}

/*.top_nav_wrapper ul{ width:100%; margin-top:14px;}

.top_nav_wrapper ul li { width:100%; margin:0 auto; float:none; list-style-type:none; line-height:normal;}	*/

/*.top_nav_wrapper ul li:first-child{ border:none;}*/		

/*.top_nav_wrapper ul li a {text-align: left; line-height:33px; float:left; width:290px; padding:0 10px;}	*/

.nav-collapse,
.nav-collapse.collapse { height: 0; margin-top:10px; overflow: hidden; background:transparent; z-index: 99999; }

.nav-collapse {clear: both;}

.btn-navbar { display: inline-block; height:auto; width:auto; float:right; cursor: pointer; margin-top:0;}

.collapse {display:block;position:relative; float:none; height: 0;overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease;-ms-transition: height 0.35s eas-o-transition: height 0.35s ease; transition: height 0.35s ease; }

.banner_outer{ margin-top:0; background:#000;}

.banner_inner{  width:470px; padding:10px 10px 10px; box-sizing:border-box;}

.banner_left{ width:100%;}

.banner_left h1{ font-size:28px;}

.banner_left h2{ margin-left:0; font-size:20px;}

.banner_left p{ margin-left:0;}

.navigation_outer{ height:auto; padding:6px 0;}

.nav_wrapper{ height:auto; width:450px;}

.nav_wrapper ul{ width:100%; margin-top:14px;}

.nav_wrapper ul li { width:100%; margin:0 auto; background:none; float:none; list-style-type:none; line-height:normal;}	

.nav_wrapper ul li:first-child{ border:none;}		

.nav_wrapper ul li a {text-align: left; line-height:33px; float:left; width:100%; box-sizing:border-box; padding:0 10px;}	

.nav-collapse2,
.nav-collapse2.collapse_nav { height: 0; margin-top:10px; overflow: hidden; background:transparent; z-index: 99999; }

.nav-collapse2 {clear: both;}

.btn-navbar { display: inline-block; height:auto; width:auto; float:right; cursor: pointer; margin-top:0;}

.collapse_nav {display:block;position:relative; float:none; height: 0;overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease;-ms-transition: height 0.35s eas-o-transition: height 0.35s ease; transition: height 0.35s ease; }

.view_prod{ float:left; margin-bottom:5px;}

.nav_wrapper strong{ display:block;}

.block_one{padding:20px 0 148px; background-size:100% auto; min-height:218px; background-position:left bottom;}

.main_wrap{ width:450px;}

.block_one_content{ width:100%; margin:0;}

.block_one_content h3{ font-size:21px;}



.block_row ul{ float:left; margin-left:15px;}

.block_two{padding:20px 0 219px; background-size:100% auto; min-height:368px; background-position:left bottom;}

.block_two_content{ width:100%; margin:0;}

.block_four_right {
    width: 100%;
    margin-top: 56px;
}

.block_three{padding:20px 0 210px; background-size:100% auto; min-height:0; background-position:left bottom;}

.block_three_content{ width:100%;}

.block_three_content h3{ margin:0; font-size:21px;}

.block_three_content p{ padding-right:0;}

.block_3_list{ width:100%; border:none; margin-top:15px; padding-left:0; margin-left:0;}

.download_creator{ margin-left:0;}

.block_four{padding:20px 0 40px; background-size:100% auto; min-height:0; background-position:left bottom;}

.block_four_content{ width:100%; margin:0;}

.block_four_content h3{ margin:0; font-size:21px;}

.block_4_list{ margin:10px 0 0 0; border:none; padding:0;}

.download_dashboard{ margin-left:0;}

.block_five_left{ width:100%; float:none; overflow:hidden; margin-top:20px;}

.block_five_left h3{ font-size:20px; }

.block_five_right{ width:100%; float:none; overflow:hidden; margin-top:20px; margin-bottom:20px;}

.block_six_content{ width:100%; float:none; overflow:hidden;}

.block_six{ padding-top:20px; padding-bottom:20px;}

.block_6_list{ width:100%; padding:0; margin:10px 0 0 0; border:none;}

.download_creator2{ margin-bottom:5px; margin-left:0; display:block;}

.block_six_right{ width:100%; float:none; margin:10px 0 0 0;}

.footer{ min-height:246px;}
 
.footer_wrapper{ width:320px; margin-top:22px;}

.footer_right h4{ font-size:13px;}

.footer_left h4{ font-size:13px;}

.footer_left{ width:152px; padding-right:22px;}

.footer_right{ width:138px;}

.block_three.rpc {
    min-height: 430px;
    /*background: #5c5c5c;*/
    background-position: left bottom;
    background-size: 100% auto;
}


/*innerpage*/

.mainbody-wrapper{width:100%; margin:0 auto; padding:0; color:#fff;}

.mainbody-wrapper h2{ font-size:18px; line-height:normal;}

.box1{width:100%; background:#50d2c2; float:left; height:600px;}

.box2{width:100%; background:#676767; float:left;height:600px; }

.box3{width:100%; background:#001f60; float:left;height:600px;}

.banner_left-inner{width:455px;}


.download_bar {
    width: 100%;
   /*  background-color:blue;*/
    min-height: 210px;
    display: none;
}

.download_bar_item{
        width: 700px;
    height: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.download_bar_list{
       width: 845px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    height: 90px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.steps_circle ul li a {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    font-weight: bold;
    text-align: center;
    color: #f6f6f6;
    line-height: 80px;
    font-size: 12px;
    background: #2451af;
}

.download_btn {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
.download_btn a {
    float: left;
    background: #f6f6f6;
    color: #001f60;
    margin-top: 0px;
    margin-right: 90px;
    line-height: 40px;
    width: 440px;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.block_six_right.rpc{
    display:none;
}

}


@media only screen and (min-width: 0px) and (max-width: 479px) {

.banner-img img.rpc{min-height:0px;}
.banner-img img.sub{min-height:0px;}
.top_nav_outer{ height:auto; background:#000;}

.block_one_libraries{
    width:100%;
}

.logo{ margin:12px 0 0 10px;}

.top_inner{ position:inherit; }

.top_nav_wrapper{ width:310px; height:auto; padding:8px 0;}

.top_nav_wrapper ul{ float:none;}

/*.top_nav_wrapper ul{ width:100%; margin-top:14px;}

.top_nav_wrapper ul li { width:100%; margin:0 auto; float:none; list-style-type:none; line-height:normal;}	*/

/*.top_nav_wrapper ul li:first-child{ border:none;}*/		

/*.top_nav_wrapper ul li a {text-align: left; line-height:33px; float:left; width:290px; padding:0 10px;}	*/

.nav-collapse,
.nav-collapse.collapse { height: 0; margin-top:10px; overflow: hidden; background:transparent; z-index: 99999; }

.nav-collapse {clear: both;}

.btn-navbar { display: inline-block; height:auto; width:auto; float:right; cursor: pointer; margin-top:0;}

.collapse {display:block;position:relative; float:none; height: 0;overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease;-ms-transition: height 0.35s eas-o-transition: height 0.35s ease; transition: height 0.35s ease; }

.banner_outer{ margin-top:0; background:#000;}

.banner_inner{  width:310px; padding:10px 10px 10px; box-sizing:border-box;}

.banner_left{ width:100%;}

.banner_left h1{ font-size:28px;}

.banner_left h2{ margin-left:0; font-size:20px;}

.banner_left p{ margin-left:0;}

.navigation_outer{ height:auto; padding:6px 0;}

.nav_wrapper{ height:auto; width:301px;}

.nav_wrapper ul{ width:100%; margin-top:14px;}

.nav_wrapper ul li { width:100%; margin:0 auto; background:none; float:none; list-style-type:none; line-height:normal;}	

.nav_wrapper ul li:first-child{ border:none;}		

.nav_wrapper ul li a {text-align: left; line-height:33px; float:left; width:290px; padding:0 10px;}	

.nav-collapse2,
.nav-collapse2.collapse_nav { height: 0; margin-top:10px; overflow: hidden; background:transparent; z-index: 99999; }

.nav-collapse2 {clear: both;}

.btn-navbar { display: inline-block; height:auto; width:auto; float:right; cursor: pointer; margin-top:0;}

.collapse_nav {display:block;position:relative; float:none; height: 0;overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease;-ms-transition: height 0.35s eas-o-transition: height 0.35s ease; transition: height 0.35s ease; }

.view_prod{ float:left; margin-bottom:5px;}

.nav_wrapper strong{ display:block;}

.block_one{padding:20px 0 100px; background-size:100% auto; min-height:240px; background-position:left bottom;}

.main_wrap{ width:300px;}

.block_one_content{ width:100%; margin:0;}

.block_one_content h3{ font-size:21px;}

.gallery_btn{ float:none; margin-left:0;}

.block_row ul{ overflow:hidden; clear:both; padding-left:0; margin-top:15px; float:none; background:none;}

.block_two{padding:20px 0 160px; background-size:100% auto; min-height:360px; background-position:left bottom;}

.block_two_content{ width:100%; margin:0;}

.block_2_list{ border:none; margin-left:0; padding-left:0;}

.block_three{padding:20px 0 160px; background-size:100% auto; min-height:0; background-position:left bottom;}
.block_three.rpc {
    min-height: 430px;
    /*background: #5c5c5c;*/
    background-position: left bottom;
    background-size: 100% auto;
}

.block_three_content{ width:100%;}

.block_three_content h3{ margin:0; font-size:21px;}

.block_three_content p{ padding-right:0;}

.block_3_list{ width:100%; border:none; margin-top:15px; padding-left:0; margin-left:0;}

.download_creator{ margin-left:0;}

.block_four{padding:20px 0 40px; background-size:100% auto; min-height:0; background-position:left bottom;}

.block_four_content{ width:100%; margin:0;}

.block_four_content h3{ margin:0; font-size:21px;}

.block_4_list{ margin:10px 0 0 0; border:none; padding:0;}

.download_dashboard{ margin-left:0;}

.block_five_left{ width:100%; float:none; overflow:hidden; margin-top:20px;}

.block_five_left h3{ font-size:20px; }

.block_five_right{ width:100%; float:none; overflow:hidden; margin-top:20px; margin-bottom:20px;}

.block_six_content{ width:100%; float:none; overflow:hidden;}

.block_six{ padding-top:20px; padding-bottom:20px;}

.block_6_list{ width:100%; padding:0; margin:10px 0 0 0; border:none;}

.block_four_right {
    width: 286px;
    float: right;
    margin-top: 56px;
}

.download_creator2{ margin-bottom:5px; margin-left:0; display:block;}

.block_six_right{ width:100%; float:none; margin:10px 0 0 0;}

.footer{ min-height:246px;}
 
.footer_wrapper{ width:310px; margin-top:22px; padding-left:0px;}

.footer_right h4{ font-size:13px;}

.footer_left h4{ font-size:13px;}

.footer_left{ width:152px; padding-right:22px;}

.footer_right{ width:138px;}

/*innerpage*/

.mainbody-wrapper{width:100%; margin:0 auto; padding:0; color:#fff;}

.mainbody-wrapper h2{ font-size:18px; line-height:normal;}

.box1{width:100%; background:#50d2c2; float:left; height:550px;}

.box2{width:100%; background:#676767; float:left;height:550px; }

.box3{width:100%; background:#001f60; float:left;height:550px;}

.box-inner{ line-height:20px; padding:25px 10px;}

.heading2{padding:0 10px;}

.banner_left-inner{width:300px;}

.icons img{margin-right:2px;}

.download_bar {
    width: 100%;
    /*background: #001f60;*/
    /*background-color:red;*/
    min-height: 210px;
    display: none;
    
}

.download_bar_item{
    width: calc(100% - 25px);
    height: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    margin-left:25px;
}

.download_bar_list{
    /*width: 845px;*/
    width:100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    height: 90px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.steps_circle ul li a {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    font-weight: bold;
    text-align: center;
    color: #f6f6f6;
    line-height: 80px;
    font-size: 12px;
    background: #2451af;
}

.download_btn {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
.download_btn a {
    float: left;
    background: #f6f6f6;
    color: #001f60;
    margin-top: 0px;
    margin-right: 90px;
    line-height: 15px;
    height: 32px;
    padding-top: 14px;
    width: 180px;
    padding-bottom: 4px;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.block_six_right.rpc{
    display:none;
}


}

#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 {
  /*font-family: Montserrat, sans-serif;
  background: #333333;*/
}
#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-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 17px 20px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 700;
  text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
  color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
   background:url(/Content/ns/images/down_arrow.png) 107px center no-repeat;
  
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background:url(/Content/ns/images/down_arrow.png) right center no-repeat;
  /*content: '\f078';*/
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  /*content: '';*/
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
#cssmenu.small-screen {
  width: 100%;
}
#cssmenu.small-screen ul {
  width: 100%;
  display: none;
  margin-top:20px;
  
}
#cssmenu.small-screen.align-center > ul {
  text-align: left;
}
#cssmenu.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li {
  height: auto;
}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
  width: 100%;
  border-bottom: 0;
}
#cssmenu.small-screen > ul > li {
  float: left;
}
#cssmenu.small-screen ul ul li a {
  padding-left:35px;
}
#cssmenu.small-screen ul ul ul li a {
  padding-left: 35px;
}
#cssmenu.small-screen ul ul li a {
  color: #dddddd;
  background: none;
}
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul li.active > a {
  color: #ffffff;
}
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 17px;
  color: #dddddd;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
#cssmenu.small-screen #menu-button:after {
  position: absolute;
  top: 15px;
  right: 17px;
  display: block;
  height: 4px;
  width: 26px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  content: '';
}
#cssmenu.small-screen #menu-button:before {
  position: absolute;
  top: 9px;
  right: 17px;
  display: block;
  height: 2px;
  width: 26px;
  background: #dddddd;
  content: '';
}
/*#cssmenu.small-screen #menu-button.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}*/
/*#cssmenu.small-screen #menu-button.menu-opened:before {
  top: 23px;
  background: #ffffff;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}*/
#cssmenu.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  height: 46px;
  width: 46px;
  cursor: pointer;
}
#cssmenu.small-screen .submenu-button.submenu-opened {
  background: #262626;
}
#cssmenu.small-screen ul ul .submenu-button {
  height: 34px;
  width: 34px;
}
#cssmenu.small-screen .submenu-button:after {
  position: absolute;
  top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen ul ul .submenu-button:after {
  top: 15px;
  right: 13px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:after {
  background: #ffffff;
}
#cssmenu.small-screen .submenu-button:before {
  position: absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen ul ul .submenu-button:before {
  top: 12px;
  right: 16px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:before {
  display: none;
}
#cssmenu.small-screen.select-list {
  padding: 5px;
}