/**Any script needed needed specifically per site should be here **/
/* 
(c) 2017 Masterweb Solutions 
Written by Ekene Onuorah
masterweb.com.ng
For Pustera
*/
.body{margin:0px;background:pink;font-family: 'Roboto', sans-serif;font-size:13px;min-height:100%;}
/**background:#f5f5f5**/
.pop-up-news{position:fixed;top:5%;left:5%;border:10px solid #F00;background:#fff;padding:10px;z-index:100;width:80%;min-height:400px;}


@media (min-width: 750px) { /**Big Screen**/
.header{background:#F9C;width:100%;}

.logo-holder{display:block;text-align:center;}
.logo-holder a{border:0px}
.logo{max-height:100px;border:0px;}
.logo2{position:fixed;top:0px;left:0px;display:block;width:100px;z-index:99;}


.toppest-header-controller{display:none;}
.toppest-header{background:#0C6;text-align:center;clear:both;padding-right:150px;padding-left:100px;}
.toppest-header a{display:inline-block;padding:20px 10px 20px 10px;color:#FFF;margin-left:10px;font-size:14px;font-weight:bold;}
.toppest-header a:hover{color:#F30;background:#fff;}

.user-menu-controller{background:#000;color:#fff;padding:5px;display:inline-block;cursor:pointer;position:absolute;top:0px;right:0px;}
.user-menu-controller i{vertical-align:middle;}

.user-menu{width:100%;background:#000;background:linear-gradient(to bottom,#F30,#000);text-align:center;position:relative;z-index:90;}
.menu{color:#FFF;display:inline-block;margin:5px 10px 5px 10px;padding:5px;text-align:center;position:relative;}
.menu-icon{display:block;cursor:pointer;color:#fff;}
.menu-icon i{font-size:24px;}
.menu-name{display:block;font-size:11px;cursor:pointer;color:#FFF;}
.menu-name i{vertical-align:middle;}
.menu-dropper{position:absolute;top:50px;min-width:100px;min-height:20px;background:#000;display:none;}
.menu-dropper a{display:block;border-bottom:1px solid #CCC;padding:5px;color:#FFF;}
.menu:hover .menu-dropper{display:block;}

.body-min-height{min-height:400px;text-align:center;}
.layout-fullpage{margin:10px auto 10px auto;width:90%;min-height:50px;background:#FFF;vertical-align:top;text-align:left;}
.layout-end-to-end{margin:10px auto 10px auto;width:100%;min-height:50px;background:#FFF;vertical-align:top;text-align:left;}
.layout-double{margin:10px;width:45%;min-height:50px;background:#FFF;display:inline-block;min-width:500px;vertical-align:top;text-align:left;}
.layout-triple{margin:10px;width:30%;min-height:50px;background:#FFF;display:inline-block;min-width:400px;vertical-align:top;text-align:left;}

} @media (max-width: 749px) { /**Small Screen**/
.header{background:#F9C;width:100%;}
.toppest-header-controller{display:block;position:absolute;top:0px;right:0px;background:#0C6;color:#FFF;cursor:pointer;}
.toppest-header{background:#0C6;text-align:center;display:none;position:absolute;top:40px;right:0px;min-width:200px;z-index:100;}
.toppest-header a{display:block;padding:5px;color:#FFF;border-bottom:#CCC 1px solid;}

.logo-holder{display:block;text-align:right;width:100%}
.logo-holder a{border:0px}
.logo{max-width:400px;width:80%;}
.logo2{position:fixed;top:0px;left:0px;display:block;width:80px;z-index:99;}


.user-menu-controller{background:#000;padding:5px 0px 5px 0px;display:block;cursor:pointer;width:100%;text-align:right;color:#FFF;}
.user-menu-controller i{vertical-align:middle;}
.user-menu{width:100%;background:#000;background:linear-gradient(to bottom,#F30,#000);text-align:center;display:none;position:relative;z-index:90;}

.menu{color:#fff;display:inline-block;margin:5px 5px 5px 5px;padding:5px;text-align:center;}
.menu-icon{display:none;cursor:pointer;color:#fff;}
.menu-name{display:inline-block;font-size:11px;cursor:pointer;color:#fff;}
.menu-name i{vertical-align:middle;}
.menu-dropper{position:absolute;min-width:100px;min-height:100px;background:#000;display:none;}
.menu-dropper a{display:block;border-bottom:1px solid #CCC;padding:5px;color:#FFF;}
.menu:hover .menu-dropper{display:block;}

.body-min-height{min-height:200px;position:relative;z-index:80;text-align:center;}
.layout-fullpage{margin:10px auto 10px auto;width:90%;min-height:50px;background:#FFF;vertical-align:top;text-align:left;}
.layout-end-to-end{margin:10px auto 10px auto;width:100%;min-height:50px;background:#FFF;vertical-align:top;text-align:left;}
.layout-double{margin:10px auto 10px auto;width:90%;min-height:50px;background:#FFF;vertical-align:top;text-align:left;}
.layout-triple{margin:10px auto 10px auto;width:90%;min-height:50px;background:#FFF;vertical-align:top;text-align:left;}

}



.network-canvas-width-controller{min-width:1200px;background:#fff;}
.network-canvas-width-controller-bigger{width:1200px;background:#fff;}
.network-canvas{position:relative;text-align:center;margin:auto auto auto auto;overflow:visible;background:#fff;}
.network-line1{font-size:normal;display:block;width:100%;vertical-align:top;}
.network-line1 .network-profile{width:30px;}
.network-line2{font-size:small;display:block;}
.network-line2 .network-profile{width:25px;}
.network-line2 .network-holder{display:inline-block;width:49%;vertical-align:top;}
.network-line3{font-size:smaller;display:block;}
.network-line3 .network-profile{width:20px;}
.network-line3 .network-holder{display:inline-block;width:24%;vertical-align:top;}
.network-line4{font-size:x-small;display:block;}
.network-line4 .network-profile{width:15px;}
.network-line4 .network-holder{display:inline-block;width:12%;vertical-align:top;}
.network-line5{font-size:xx-small;display:block;}
.network-line5 .network-profile{width:10px;}
.network-line5 .network-holder{display:inline-block;width:6%;vertical-align:top;}
.network-line6{font-size:xx-small;display:block;width:1215px;}
.network-line6 .network-profile{width:10px;}
.network-line6 .network-holder{display:inline-block;width:80px;vertical-align:top;}
.network-line7{font-size:x-small;display:block;}
.network-line7 .network-profile{width:15px;}
.network-line7 .network-holder{display:inline-block;width:145px;vertical-align:top;}
.network-hook{width:50%;max-width:700px;}

.network-line31{font-size:x-small;display:block;}
.network-line31 .network-profile{width:30px;}
.network-line31 .network-holder{display:inline-block;width:30%;vertical-align:top;}

.network-line32{font-size:x-small;display:block;}
.network-line32 .network-profile{width:30px;}
.network-line32 .network-holder{display:inline-block;width:10%;vertical-align:top;}



.dashboard-fixed-height{min-height:350px;}
.dashboard-profile-skin{margin:1px;background:url(../images/bg.jpg?t=3) center;height:100px;overflow:visible;text-align:center;}
.dashboard-profile-id{font-weight:bold;color:#FFF;font-size:18px;padding-top:10px;}
.dashboard-profile-photo{width:100px;height:100px;border-radius:0px;background:#FFF;padding:2px;overflow:hidden;margin:0px auto 0px auto;}
.dashboard-profile-photo img{width:100px;}
.dahboard-profile-data-holder{max-width:400px;width:90%;margin:40px auto 10px auto;}
.dahboard-profile-data{display:block;padding:5px 0px 5px 0px;}
.dahboard-profile-data-field{display:inline-block;width:30%;}
.dahboard-profile-data-value{display:inline-block;width:60%;padding-left:5%;}

.dashboard-title{font-weight:bold;color:#000;font-size:18px;padding:10px;}
.dasboard-overview-button{padding:8px;display:block;color:#fff;text-align:center;margin:5px;}
.dasboard-company-news{padding:5px;display:block;color:#FFF;text-align:center;margin:5px;border:1px solid #CCC;background:#333;}


table{border:1px solid #000;border-collapse:collapse;min-width:100%;background:#000;}
th{background:#CCC;font-weight:bold;text-align:left;}
td{background:#FFF;text-align:left;}

.faq-q{color:#900;font-weight:bold;cursor:pointer;padding-top:20px;}
.faq-a{padding-bottom:20px;color:#000;display:none;}




.testimony-box{background-color:#F06;background-image:url(cloud.png?t=3);border:1px solid #000;padding:20px 0px 20px 0px;}
.testimony-title{font-size:1.5em;font-weight:bold;color:#fff;text-shadow:#000 1px 1px 1px;}
.testimony{display:inline-block;min-width:150px;max-width:90%;width:300px;height:250px;overflow:hidden;margin:10px;}
.testimony .name{color:#900;font-weight:bold;}
.testimony .photo{width:120px;height:120px;border-radius:60px;margin:0px auto 10px auto;overflow:hidden;background:#000;}
.testimony .photo img{max-width:1000px;height:120px;}
.testimony .desc{color:#000;font-size:0.8em;text-align:center;}



.footer{background-color:#F06;background-image:url(cloud.png?t=3);min-height:150px;color:#999;text-align:center;}
.footer-name{color:#000;font-size:larger;padding:10px 0px 10px 0px;text-align:center;}

.footer-developer{padding:10px 0px 10px 0px;text-align:center;}

.footer-block{display:inline-block;max-width:250px;vertical-align:top;
			margin:10px;padding:10px;min-width:30%;text-align:left;}
.footer-btext{color:#000;font-size:larger;padding:10px 0px 10px 0px;font-weight:bold;}
.footer-share{color:red;font-size:larger;padding:10px 0px 10px 0px;text-align:left;}
.footer-block img{max-height:200px;}
.footer-block a{color:#FFF;}
.footer-block ul li i{color:#FFF;}
.footer-btext2{color:#FFF;}
.footer-social a i{font-size:2em;padding-right:10px;}














/**boxes and tabs... white-box used in review**/
.white-box{background:#fff;border:1px solid #ccc;border-radius:3px;min-height:20px;padding:10px;}
.tab{padding:5px;border:1px solid #ddd;color:#777;background:#eee;cursor:pointer;display:block;}
.tab:hover{border:1px solid #006;}
.tab-active{color:#000;border:1px solid #006;background:#fff;}

.browse-tabs{padding:10px;border:1px solid #ddd;color:#fff;background:#900;cursor:pointer;display:inline-block;
		text-align:left;margin:0px auto 0px auto;max-width:300px;min-width:200px;}


/*Gallery display*/
.gallery-type-icon{color:#999;font-size:0.8em;}
.gallery-type-title{color:#333;font-weight:bold;font-size:1.1em;padding:5px 0px 1px 0px;text-align:left;}
.gallery-type-doc{max-width:98%;min-height:300px;}
.gallery-holder-cont{height:200px;width:200px;margin:2px;overflow:hidden;display:inline-block;border-radius:5px;}
.gallery-type-img{height:200px;max-width:1000px;}
.gallery-type-vid{max-width:98%;}
.gallery-type-aud{max-width:90%;}


/*Posts*/
.flat-post{background:#fff;border:1px solid #ccc;border-radius:3px;min-height:20px;padding:10px;margin:3px 0px 3px 0px;text-align:left;}
.flat-post .post-title{font-weight:bold;color:#006;font-size:1.2em;}
.flat-post .meta{color:#999;}